web-dev-qa-db-ja.com

私はtinymceを使用しています、1つのテキストエリアのみに適用することは可能ですか

私はtinymceを使用しています。ページに複数のテキスト領域があります。 1つのテキストエリアのみに適用することは可能ですか？

1つのテキスト領域は説明の検証用で、以下のようなものです

 var text = tinyMCE.get（ 'txtdesc'）。getContent（）;

しかし、ページにさらに3つのテキスト領域があるので、tineMCEはこれらすべてのテキスト領域に適用すべきではありません

1つのテキスト領域のみに適用する方法

 //これは私のtinyMCEコードです
 tinyMCE.init（{
 mode： "textareas"、
 theme： "advanced" 
}） ; 
 
 // /tinyMCE
javascripttinymcetextarea
33
Navruk

textareaには、class="" textareaプロパティに、これはあなたをサポートします

<script type="text/javascript">
    tinyMCE.init({
        //mode : "textareas",
        mode : "specific_textareas",
        editor_selector : "myTextEditor",
        theme : "simple"
    });
</script>

<textarea id="txtdesc" name="txtdesc" class="myTextEditor" rows="6" cols="96" ></textarea>
64
chinna

TinyMCE 3.xの設定では、特定のクラスのテキストエリアでTinyMCEを有効または無効にするクラスセレクターまたはデセレクターを配置できます。テキストエリアにclass=""属性を設定するだけです。

editor_deselector : "mceNoEditor" // class="mceNoEditor" will not have tinyMCE
editor_selector : "mceEditor", // class="mceEditor" will.

ソース 。

TinyMCE 4.0.x以降

selector: "textarea", // Select all textarea
selector: "textarea.editme", // Select all textarea with the class editme
selector : "textarea:not(.mceNoEditor)", // Select all textarea exluding the mceNoEditor class

ソース 。

44
Dunhamzzz

TinyMCE 4.xには選択解除がないため、通常のCSSを使用して、選択されているテキストエリアと選択されていないテキストエリアを判別できます。

<script type="text/javascript">
  tinymce.init({
        selector: "textarea:not(.textarea-no-styles)",
 });
</script>
6
KEOKI

TinyMCE 4.xでは、editor_selectorオプションを使用できますが、その前にモードを 'specific_textareas'に更新する必要があります。

    <script type="text/javascript">
  tinymce.init({
    mode : "specific_textareas",
    editor_selector : "mceEditor",
    });
</script>

また、上記の例のように、textareaにeditor_selector値と同じcssクラスを追加します。次のようになります。

<textarea id='textarea1' class='mceEditor'>first text area</textarea>

これで、「mceEditor」という名前のクラスを持つテキストエリアにエディターが追加されます。

3
user2395940

バージョン4.6.4で機能したのは次のとおりで、より簡単です。

次のように#my_text_area_idをセレクターに追加しました

selector: 'textarea#Elm1'
<textarea id="Elm1" ...>...</textarea>

それが役に立てば幸い

1
renaissance-dating.com

これを行うには、 selector を使用します。

selector: "#text_area_id", // Select with textarea id
0
sandeep kumar