JavaScript所见即所得文本编辑器
我正在为一个养鱼网站编写一个高度定制的WordPress CMS。目前，我正在研究物种概况，其中包括大量的小领域（属、物种、饮食、兼容性等） 我想使用内置的TinyMCE富文本编辑器，但WordPress似乎只允许在大的“Post”框上使用此编辑器，我根本不使用它 因此，我正在寻找替代的所见即所得编辑器，但我有一些精确的要求：JavaScript所见即所得文本编辑器,javascript,jquery,wysiwyg,text-editor,rich-text-editor,Javascript,Jquery,Wysiwyg,Text Editor,Rich Text Editor,我正在为一个养鱼网站编写一个高度定制的WordPress CMS。目前，我正在研究物种概况，其中包括大量的小领域（属、物种、饮食、兼容性等） 我想使用内置的TinyMCE富文本编辑器，但WordPress似乎只允许在大的“Post”框上使用此编辑器，我根本不使用它 因此，我正在寻找替代的所见即所得编辑器，但我有一些精确的要求： 需要是轻量级的，因为页面上将有大约15个编辑器实例 在同一页面上，我需要能够为编辑器的不同实例设置不同的大小。有些是200px宽，有些是400px宽 需要有一个“特殊字
- 需要是轻量级的，因为页面上将有大约15个编辑器实例
- 在同一页面上，我需要能够为编辑器的不同实例设置不同的大小。有些是200px宽，有些是400px宽
- 需要有一个“特殊字符”工具栏项，最好是一个拼写检查模块，以及标准的b、em、ol和ul
- 如果我能有一个最小化的工具栏，即只有一行文本的粗体和斜体，那么这将是一个理想的选择
- 带有粗体和斜体工具栏项的单行文本区域，宽度约为200px
- 一个四行文本区，包含b、em、ol、ul、特殊字符、200像素宽的拼写检查
- 一个12行文本区，带有b、em、ol、ul、特殊字符，宽度约为400px的拼写检查
- 键盘快捷键必须适用于最新版本的FireFox、Internet Explorer和Chrome
- 编辑器最多只能将jQuery声明为依赖项
- 看看这个
希望您可以使用它，因此要有两个不同大小的实例，您可以单独初始化它们并指定不同的宽度：
$('#textarea1').tinymce({
// Location of TinyMCE script
script_url: '/Resources/Scripts/tiny_mce/tiny_mce.js',
// General options
theme: "advanced",
plugins: "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",
// Theme options
theme_advanced_buttons1: "cut,copy,paste,|,undo,redo,|,bold,italic,underline,forecolor,fontsizeselect",
theme_advanced_buttons2: "",
theme_advanced_buttons3: "",
theme_advanced_buttons4: "",
theme_advanced_toolbar_location: "top",
theme_advanced_toolbar_align: "left",
theme_advanced_statusbar_location: "none",
theme_advanced_resizing: false,
height: 500,
width: 700,
// Example content CSS (should be your site CSS)
content_css: "css/content.css"
});
$('#textarea2').tinymce({
// Location of TinyMCE script
script_url: '/Resources/Scripts/tiny_mce/tiny_mce.js',
// General options
theme: "advanced",
plugins: "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",
// Theme options
theme_advanced_buttons1: "cut,copy,paste,|,undo,redo,|,bold,italic,underline,forecolor,fontsizeselect",
theme_advanced_buttons2: "",
theme_advanced_buttons3: "",
theme_advanced_buttons4: "",
theme_advanced_toolbar_location: "top",
theme_advanced_toolbar_align: "left",
theme_advanced_statusbar_location: "none",
theme_advanced_resizing: false,
height: 500,
width: 500,
// Example content CSS (should be your site CSS)
content_css: "css/content.css"
});
这就是我正在使用的，你可以在“主题选项”部分的底部看到我有一个宽度声明。你可以在页面加载和TinyMCE区域初始化后使用javascript调整它们的大小。嗨，Andrew。你能给我举个例子说明我是如何做到这一点的吗？你使用的是TinyMCE的jQuery版本吗？如果是这样的话，我可以给你一些代码，否则我可以做一些猜测。目前没有使用任何一种，但这将是我更喜欢使用的jQuery TinyMCE，谢谢。对不起，我昨天没有回复，我不得不飞，但我在下面添加了一些代码；我更新了我的帖子，对这些编辑有了一些想法。谢谢。我确实试过jwysiwyg，但找不到任何文档，所以我挣扎了一段时间，感到沮丧，然后决定看看其他的实现。jwysiwyg在示例文件夹中有一些htmls供您使用，再次感谢您更新您的帖子<代码>控制文本区域似乎没有键盘快捷键，WMD live演示网站似乎无法为我解决问题。
jwysiwygscript\u urllangs插件主题utils