在单个页面上使用多个TinyMCE编辑器
使用多个文本区域会导致TinyMCE只使用最后一个配置，而不是对每个文本区域应用正确的配置。
我已经尝试了来自Stack Overflow的几个答案。他们都没有解决这个问题。许多答案来自以前的TinyMCE版本，但没有指定答案是针对哪个版本的--这使得过时的答案在不相关的情况下似乎是相关的。最麻烦的是，TinyMCE 4的官方文档显然也是错误的。
这是指定多个选择器的“官方”方式：
tinymce.init({
selector: "#textarea1",
}); tinymce.init({
selector: "#textarea2",
});实际的结果是TinyMCE只使用最后一个配置("#textarea2")。
在Stack Overflow和其他地方找到的其他解决方案都不能解决这个问题(使用"exact“模式，指定"textareas”等)。tinyMCE v4的官方文档也使用了上述方法，尽管它显然是错误的。
您可以通过以下链接在文档中自行查看：https://www.tiny.cloud/docs/general-configuration-guide/multiple-editors/
由于在一个页面上使用多个编辑器是基本功能，我不明白为什么同一问题有这么多可能的“正确”答案(注意:这个问题是专门关于tinyMCE版本4的)，显然没有明确的简单、正确的答案。在没有明确解决方案的情况下，花几个小时用几种不同的可能方式回答问题是没有理由的。我们并不是要把人类送上火星，在这里...
提前感谢您在这个问题上的帮助。
回答 2
Stack Overflow用户
发布于 2019-05-27 08:44:52
您发布的链接是到tinymce的版本5，但将版本更改为4并查看多重配置示例：https://www.tiny.cloud/docs-4x/general-configuration-guide/multiple-editors/
它在windows10上的chrome中运行得很好：https://jsbin.com/rehamun/edit?html,output
关闭试用警告，然后单击每一行，第一行获取撤销等，第二行获取丰富编辑，两个单独的配置
这里重复了一个例子，请自动审核答案。
<!DOCTYPE html>
<html>
<head>
<script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector: '#myeditable-h1',
inline: true,
menubar: false,
toolbar: 'undo redo'
});
</script>
<script>
tinymce.init({
selector: '#myeditable-div',
inline: true
});
</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-div">
<p>This section of content can be edited. Click here to see how.</p>
</div>
</form>
</body>
</html>Stack Overflow用户
发布于 2019-05-28 22:29:22
就像@Tyeth一样，我看不出文档哪里错了。下面是一个非常简单的div，它包含两个具有不同ID的TinyMCE，它们基于两个init({})调用获得不同的TinyMCE编辑器配置。
http://fiddle.tinymce.com/aJgaab/1
也许，如果你看到的是不同的行为，你可以提供一个显示实际代码的TinyMCE、CodePen或JS。没有实际的代码，任何人都很难告诉你为什么你的代码不能工作，当我们有多个工作的例子时。
https://stackoverflow.com/questions/56318418
复制相似问题
腾讯云开发者
