不能让tinymce显示

时间:2018-11-15 15:17:54

标签: html css typescript tinymce angular5

我正在尝试安装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>

谁能解释为什么它不显示

3 个答案:

答案 0 :(得分:0)

可能是在您运行tinymce.init函数时,该函数尚未呈现,并且DOM中没有textarea

尝试在以下行上调试代码:

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

在该行停止执行网络后,在浏览器的开发控制台中键入以下内容:

$('#infotextarea').length

如果大小大于0,则此时存在textarea,这是另一个问题,但是如果显示0表示您尚未创建该视图,这将帮助我们获取有关您的问题的更多信息。

>

答案 1 :(得分:0)

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

selector: "#infotextarea"

(请注意字符串开头的#

我还要指出,您似乎要分别加载3次TinyMCE-我不知道您为什么需要这样做-一次加载就足够了

答案 2 :(得分:0)

这不是对我的问题的完美答案,但是我使用了ckeditor,并且效果很好。 我或我的团队在tinymce找不到的地方一定有个错误