html 多tinymce textares

dohp0rv5 于 2023-09-28 发布在其他

关注(0)|答案(6)|浏览(114)

我使用tinymce来创建一个动态生成至少5个文本的网页。
不幸的是，我使用的配置只适用于第一个textarea。

tinyMCE.init({
    height : "300",
    mode : "exact",
    elements : "content",
    theme : "simple",
    editor_selector : "mceEditor",
    ...

<textarea class="mceEditor" name="content" rows="15" cols="40">content</textarea>

在alltextarea中启用tinymce编辑的配置是什么？

Html

来源：https://stackoverflow.com/questions/15509484/multiple-tinymce-textareas

6条答案

按热度按时间

b09cbbtk1#

如果你使用的是“精确”模式，你需要指定你想转换为编辑器的元素的id。

function initMCEexact(e){
  tinyMCE.init({
    mode : "exact",
    elements : e,
    ...
  });
}
// add textarea element with id="content" to document
initMCEexact("content");
// add textarea element with id="content2" to document
initMCEexact("content2");
// add textarea element with id="content3" to document
initMCEexact("content3");

或者，您可以使用“textarea”模式，该模式不加选择地将编辑器应用于所有textarea。

function initMCEall(){
  tinyMCE.init({
    mode : "textareas",
    ...
  });
}
// add all textarea elements to document
initMCEall();

请记住，如果动态创建textareas，则需要在创建元素后调用tinyMCE.init（）*，因为tinyMCE需要存在这些元素才能转换它们。
Here is the documentation on modes。

赞(0）回复(0）举报 2023-09-28

bqf10yzr2#

对于TinyMCE4.0，您必须使用选择器或为每个所需的配置（https://www.tinymce.com/docs/get-started/multiple-editors/）定义一个tinymce.init对象/方法。
例如，这是一个包含3个编辑器的页面：

<!DOCTYPE html>
<html>
<head>
  <script src="http://cdn.tinymce.com/4/tinymce.min.js"></script>
  <script type="text/javascript">
  tinymce.init({
    selector: '#myeditable-h1',
    toolbar: 'undo redo'
  });
  tinymce.init({
    selector: '.standard-editor'
  });
  </script>
</head>

<body>
  <form method="post">
    <h1 id="myeditable-h1">This Title Can Be Edited If You Click Here</h1>
  </form>

  <form method="post">
    <div id="myeditable-div1" class="standard-editor">
      <p>This section1 of content can be edited...</p>
    </div>

    <div id="myeditable-div2" class="standard-editor">
      <p>This section2 of content can be edited...</p>
    </div>

  </form>
</body>
</html>

赞(0）回复(0）举报 2023-09-28

pdtvr36n3#

您应该在配置中使用不同的模式。例如模式：“specific_textareas”用于所有具有editor_selector参数中指定的给定类的文本区域。
要使用类mceEditor处理所有文本区域，您可以使用以下命令：

tinyMCE.init({
    mode : "specific_textareas",
    editor_selector : "mceEditor",
    .....

赞(0）回复(0）举报 2023-09-28

ogsagwnx4#

在选择器中使用类我有两个或更多的文本区域，我想初始化那些与微小的int，所以

<textarea class="mytextarea"></textarea>
<textarea class="mytextarea"></textarea>
.
.
.

在init tinyint代码中：

tinymce.init({
    selector: 'textarea.mytextarea',
    plugins : 'advlist autolink link lists preview table code pagebreak',
    .
    .
    .

赞(0）回复(0）举报 2023-09-28

pcrecxhr5#

在tinymce.init()函数中，只需添加第二个选择器，用逗号分隔，到selector:键：

selector: 'textarea#editor1, #editor-the-seconde'

我们可以像上面一样添加多个tinyMCE文本区域

赞(0）回复(0）举报 2023-09-28

yiytaume6#

根据tinymce.com/wiki.php/Configuration:selector，选择器是选择哪些元素应该是可编辑的推荐方法。
对于所有textarea元素，根据请求：

selector: "textarea",

或者更优雅地说，只有那些具有特定CSS标签的元素：

selector: "textarea.editme",

<textarea class="editme">

赞(0）回复(0）举报 2023-09-28

我来回答

html 多tinymce textares

6条答案

相关问题

热门标签

最新问答