TinyMCE in ASP.NET MVC 5 Razor

Question

私はASP.NET MVC 5でTinyMCEを使用しようとしていますが、動作していないようです。テキストエリアが表示されますが、通常のテキストエリアで、TinyMCEの機能は充実していません。

ビュー\ Shared_Layout.cshtml

<link rel="stylesheet" type="text/css" href="~/Content/jquery.datetimepicker.css"/> 
<script src="~/Content/jquery.js"></script> 
<script src="~/Content/build/jquery.datetimepicker.full.min.js"></script> 
<script src="//cdn.tinymce.com/4/tinymce.min.js"></script> 
<script type="text/javascript"> 
    tinyMCE.init({ 
     mode: "specific_textareas", 
     editor_selector: "editorHtml", 
    }); 
</script> 

MYVIEW \ Create.cshtml \ビュー

@Html.TextAreaFor(model => model.Corpo, new { htmlAttributes = new { @class = "form-control editorHtml" } }) 

任意のヒント？これにはないこの

<textarea cols="20" htmlattributes="{ class = form-control editorHtml }" 
             id="Corpo" name="Corpo" rows="2"></textarea> 

よう

Answer 1

あなたの現在のビューのコードが生成される出力は正しく見えます。あなたが望むCSSクラスを追加しておらず、代わりにhtmlAttributesという新しい属性を追加しました！どうして ？ヘルパーメソッドを間違った方法で使用したためです。

したがって、ヘルパーメソッドの呼び出しで不完全なコードを修正してください。 2番目のパラメータは、単一の匿名オブジェクトをとります。

@Html.TextAreaFor(model => model.Corpo, new { @class = "form-control editorHtml" }) 

これは、テキスト領域（ページのビューソースの確認）に正しいhtmlコードを生成するはずです。

リッチテキストエディタを初期化する既存のコードが機能します。代わりに、Idセレクタを使用することもできます。

<script> 

    tinymce.init({ 
     selector: "#Corpo" 
    }); 

</script>