TinyMCE的编辑器没有显示和的getContent返回false
问题描述:
这是TinyMCE的路径:TinyMCE的编辑器没有显示和的getContent返回false
<script type="text/javascript" src="demo/tinymce/js/tinymce/tinymce.js"></script>
我的文字面积:
<textarea name="description" id="description" class="texarea" >
这是我的TinyMCE的初始化代码:
<script type="text/javascript">
tinymce.init({
selector: "texarea",theme: "modern",width: 680,height: 300,
plugins: [
"advlist autolink link image lists charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking",
"table contextmenu directionality emoticons paste textcolor ResponsiveFilemanager"
],
toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | styleselect",
toolbar2: "| ResponsiveFilemanager | link unlink anchor | image media | forecolor backcolor | print preview code ",
image_advtab: true ,
external_filemanager_path:"ResponsiveFilemanager/filemanager/",
filemanager_title:"Responsive Filemanager" ,
});
</script>
问题是文本区域没有显示编辑和
tinyMCE.get('description').getContent()
返回错误“Uncaught TypeError:无法读取'null'属性'getContent'。请帮我找到这段代码中的错误。提前致谢。
答
您有一个错字。它是textarea
,而不是texarea
。此外,最后一个逗号不应该在那里:
<script type="text/javascript">
tinymce.init({
selector: "textarea",theme: "modern",width: 680,height: 300,
plugins: [
"advlist autolink link image lists charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking",
"table contextmenu directionality emoticons paste textcolor ResponsiveFilemanager"
],
toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | styleselect",
toolbar2: "| ResponsiveFilemanager | link unlink anchor | image media | forecolor backcolor | print preview code ",
image_advtab: true ,
external_filemanager_path:"ResponsiveFilemanager/filemanager/",
filemanager_title:"Responsive Filemanager"
});
</script>
编辑:
此外,你错过了textarea
的结束标记:
<textarea name="description" id="description" class="texarea" ></textarea>
现在,它应该工作。
+0
感谢您的回复。我已完成更改,但仍然无效。 – Adrian
+0
请检查我的编辑,你也错过了关闭textarea标记。 –
[内容初始化tinymce]的可能重复(https://stackoverflow.com/questions/26839614/initialize-tinymce-with-content) –
检查您的浏览器控制台。我认为'tinymce.js'路径问题在那里。你还在这个'tinymce.js'之前添加了jQuery库吗?您的代码中缺少' –
是的,我添加了jQuery库和脚本标记。 – Adrian