2016-10-31 10 views
0

本当に簡単な質問です。 CKeditorの背景色をC#からどのように変更できますか?CKeditorのバックグラウンドをCの背後にあるコードから変更するには

C#でCKeditorのインスタンスを取得するにはどうすればよいですか?おそらく私はできない?

私はCSSclassプロパティを介して、CKeditorを使用してすべてのテキストエリア(asp:textbox)を制御するグリッドビューを持っており、素晴らしい動作します!しかし、今私は動的に1つまたは2つ、またはすべての背景色をLightYellowのように変更したいと思います。

私はasp:textboxの背景を直接変更しようとしましたが、それはCKeditor自体から「隠されている」ため、もちろん機能しません。

他のヒントをお願いします。

UPDATE

私はASP.netのためのCKEditorバージョンをダウンロードし、それはまた、バックグラウンドで自動的にtextarea要素作成とそれはあまりにもは、は動作しません - CKEditorバージョンネイティブを使用するなど、効果的に同じことをCSSclass=""となります。

C#でコントロールを参照していますが、データを取得してデータベースで使用することができますが、CKeditorの背景を変更することはできません。 CKeditorのBODY要素(FireBug経由でテスト済み)は、私が変更する必要があるものですが、C#からどうやっていますか?

おかげで再び

+0

config.js' 'にオプション' config.uiColorは=「あなたのカラーコード」があるでしょう。 ' – Webruster

+0

@Webrusterありがとうございます、しかし、私はクライアント側ではなく、サーバーからバックグラウンドを変更する必要があります:C#を使用しています。あなたの提案は、私のプログラムでCKeditorのすべてのインスタンスのためにそれを変更します。とにかくありがとうございます – Fandango68

+1

'CKEDITOR.addCss( 'body {background:red;}');'は動作しますが、ページ上のすべてのエディタの背景色を変更します。 – VDWWD

答えて

1

まず、あなたがNuget経由の両方CKEditorCkeditorForASP.NETパッケージをインストールしていることを確認してください。その後

、のようなだけのエディタに関連するスタイルが含まれていますeditor.cssファイルを作成します、あなたのグリッドビューで

.lightYellow { 
    background-color: lightyellow; 
} 

OnRowDataBoundイベントに結合し、正しくCKEditorバージョンのスクリプトのベースパスを指定します。

<asp:GridView ID="EditorGridView" runat="server" OnRowDataBound="EditorGridView_RowDataBound"> 
    <Columns> 
     <asp:TemplateField> 
      <ItemTemplate> 
       <CKEditor:CKEditorControl ID="Editor" runat="server" BasePath="~/Scripts/ckeditor" /> 
      </ItemTemplate> 
     </asp:TemplateField> 
    </Columns> 
</asp:GridView> 

その後、あなたは次のように体の色を変えることができるようになります:

if (e.Row.RowType == DataControlRowType.DataRow) 
{ 
    CKEditorControl editor = (CKEditorControl)e.Row.FindControl("Editor"); 
    editor.BodyClass = "lightYellow"; 
    editor.ContentsCss = ResolveUrl("~/Content/editor.css"); 
} 
+0

ありがとう!あなたは伝説です!できます。乾杯。 – Fandango68

+0

ちょうど1つの質問。別の.cssファイルを作成せずに同じようにするにはどうすればよいですか? – Fandango68

+1

私はjavascriptの使用法を含め、他のオプションを試してみましたが、これはC#を使用する唯一の方法だと思われます。 –

関連する問題