Я использую tinymce, можно ли подать заявку только на одну текстовую область - PullRequest
33 голосов
/ 04 марта 2011

Я использую tinymce, у меня есть несколько текстовых областей на моей странице. Можно ли подать заявку только на одну текстовую область,

1 текстовая область для описания проверка как ниже

var text = tinyMCE.get('txtdesc').getContent();

Но у меня есть еще 3 области текста на моей странице, поэтому tineMCE не должен применяться ко всем этим областям текста

Как я могу подать заявку только на одну текстовую область

// this is my tinyMCE code 
    tinyMCE.init({
        mode : "textareas",
        theme : "advanced"
    });

// /tinyMCE

Ответы [ 6 ]

63 голосов
/ 04 марта 2011

Если 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>
43 голосов
/ 04 марта 2011

В конфигурации 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

Источник .

6 голосов
/ 08 октября 2013

В TinyMCE 4.x отсутствует деселектор, поэтому вы можете использовать обычный css, чтобы определить, какие текстовые области выбраны, а какие нет.

<script type="text/javascript">
  tinymce.init({
        selector: "textarea:not(.textarea-no-styles)",
 });
</script>
3 голосов
/ 23 февраля 2015

В TinyMCE 4.x вы можете использовать опцию editor_selector, но перед этим убедитесь, что вы должны обновить режим до 'specific_textareas'

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

Также добавьте класс css, аналогичный значению editor_selector, в вашей текстовой области, как показано в примере выше:

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

Теперь редактор будет добавлен в те текстовые области, которые имеют класс с именем 'mceEditor'.

1 голос
/ 29 июня 2017

Вот что сработало для меня в версии 4.6.4, и это проще:

Я только что добавил #my_text_area_id к своему селектору следующим образом

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

надеюсь, это поможет

0 голосов
/ 28 апреля 2017

Вы можете сделать это, используя selector.

selector: "#text_area_id", // Select with textarea id
...