无法让 tinymce 显示答案

【问题标题】：Cant get tinymce to display无法让 tinymce 显示
【发布时间】：2019-04-18 17:43:23
【问题描述】：

我正在尝试安装 tinymce 以与我的文本编辑器一起使用，以允许用户拥有一个文本框，就像堆栈溢出一样。虽然我无法显示它

我把它放在我的索引文件的头部

<script src='https://cloud.tinymce.com/stable/tinymce.min.js'></script>
<script src='https:https://cloud.tinymce.com/stable/tinymce.min.js'> 
</script>
<script src="//tinymce.cachefly.net/4.1/tinymce.min.js"></script>
 <script>
      tinymce.init({selector:'infotextarea'});
 </script>

然后在我的信息页面中放入

                      <textarea id="infotextarea">Your content here. 
                     </textarea>

谁能解释为什么它不显示

【问题讨论】：

也许您可以制作一个显示问题的 JS Fiddle 或 CodePen？如果不运行代码，人们将很难知道为什么会失败。我会注意到您似乎要加载 TinyMCE 3 次-我不知道您为什么需要这样做-加载一次应该就是您需要做的所有事情。

标签： html css typescript tinymce angular5

【解决方案1】：

可能是在您运行 tinymce.init 函数时，它尚未渲染，并且 DOM 中没有 textarea。

尝试在以下行调试您的代码：

<script>
      debugger;
      tinymce.init({selector:'infotextarea'});
</script>

当网络在该行停止执行时，在浏览器的开发控制台中键入以下内容：

$('#infotextarea').length

如果 size 大于 0，说明此时 textarea 存在，是另一个问题，但如果显示为 0 则表示您还没有创建该视图，这将有助于我们获取有关您的问题的更多信息。

【讨论】：

感谢哥们，我得到了要显示的文本区域，但它只显示为普通文本区域

【解决方案2】：

如果您想通过 ID 定位 <textarea>，您需要使用有效的 CSS 选择器。

selector: "#infotextarea"

（注意字符串开头的#）

我还注意到您似乎要加载 TinyMCE 3 次 - 我不知道您为什么需要这样做 - 加载一次就足够了

【讨论】：

【解决方案3】：

它不是我问题的完美答案，但我使用了 ckeditor，它运行良好。我一定有一个错误，我或我的团队在 tinymce 中找不到的地方

【讨论】：