Javascript TinyMCE,将HTML插入特定的TinyMCE实例
我在一个页面上有多个TinyMCE编辑器,我需要在一个特定的页面中插入HTML,当前当我插入HTML时,它会将其插入最后一个页面: 我的初始代码:Javascript TinyMCE,将HTML插入特定的TinyMCE实例,javascript,jquery,tinymce,Javascript,Jquery,Tinymce,我在一个页面上有多个TinyMCE编辑器,我需要在一个特定的页面中插入HTML,当前当我插入HTML时,它会将其插入最后一个页面: 我的初始代码: <script type="text/javascript"> $(document).ready(function() { // enable tinyMCE on shortDescription tinymce.init({ mode : "exact", elements :"sh
<script type="text/javascript">
$(document).ready(function() {
// enable tinyMCE on shortDescription
tinymce.init({
mode : "exact",
elements :"shortDescriptionHtml",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
relative_urls : false,
remove_script_host : false
});
// enable tinyMCE on fullDescription
tinymce.init({
mode : "exact",
elements :"fullDescriptionHtml",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
relative_urls : false,
remove_script_host : false
});
// enable tinyMCE on Terms And Conditions
tinymce.init({
mode : "exact",
elements :"termsAndConditionsHtml",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
relative_urls : false,
remove_script_host : false
});
});
</script>
$(文档).ready(函数(){
//在shortDescription上启用tinyMCE
tinymce.init({
模式:“精确”,
元素:“shortDescriptionHtml”,
插件:[
“advlist autolink列出链接图像charmap打印预览锚”,
“searchreplace visualblocks代码全屏显示”,
“insertdatetime媒体表上下文菜单粘贴”
],
工具栏:“插入文件撤消重做|样式选择|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐|粗体numlist outdent缩进|链接图像”,
相对URL:false,
删除\u脚本\u主机:false
});
//在fullDescription上启用tinyMCE
tinymce.init({
模式:“精确”,
元素:“fullDescriptionHtml”,
插件:[
“advlist autolink列出链接图像charmap打印预览锚”,
“searchreplace visualblocks代码全屏显示”,
“insertdatetime媒体表上下文菜单粘贴”
],
工具栏:“插入文件撤消重做|样式选择|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐|粗体numlist outdent缩进|链接图像”,
相对URL:false,
删除\u脚本\u主机:false
});
//根据条款和条件启用tinyMCE
tinymce.init({
模式:“精确”,
元素:“termsAndConditionsHtml”,
插件:[
“advlist autolink列出链接图像charmap打印预览锚”,
“searchreplace visualblocks代码全屏显示”,
“insertdatetime媒体表上下文菜单粘贴”
],
工具栏:“插入文件撤消重做|样式选择|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐|粗体numlist outdent缩进|链接图像”,
相对URL:false,
删除\u脚本\u主机:false
});
});
现在当我试着去做
tinyMCE.execCommand('mceInsertContent',false,'<img src="'+imgsrc+'" />');
tinyMCE.execCommand('mceInsertContent',false',);
它在最后一个TinyMCE编辑器中插入图像,这是条款和条件之一,如何将该图像插入第一个或第二个TinyMCE编辑器?您应该获得一个特定的编辑器实例。我猜是这样的:
tinymce.get($(el.attr('id'))代码>
请查看以下内容:。这条线是:
tinymce.get('c3').setContent('sdf');
tinymce.get(“editorID”).execCommand(
“mceInsertContent”,
假,,
''
);
其中“editorID”是编辑器ID选择器
<div id="editorID">...</div>
。。。
这对我很有用:tinymce.get($(“#fullDescriptionHtml”).attr('id')).execCommand('mceinsercontent',false');谢谢你的快速回答!!好吧。但是,通过id获取elemenet以访问其id的原因是什么?我的意思是$(“#fullDescriptionHtml”).attr('id')
=#fullDescriptionHtml
:)是的,工作很好,已经5年没有使用javascript了,所以有点生疏:-)tinymce.get(“fullDescriptionHtml”).execCommand('mceinsercontent',false',);酷!好办法:)
<div id="editorID">...</div>