草庐IT

ruby-on-rails - Rails 4 WYSIWYG Bootsy 不显示格式

我刚刚按照thebootsygempage上的安装说明进行操作在我保存并查看帖子内容之前,一切看起来都不错。这是输出在View中的样子:HeaderSubhead:似乎没有呈现任何html格式,因为它被引号或类似的东西转义了-其他人有这个问题吗?我没有在github页面或SO上看到任何问题来指出我正确的方向。除了遵循gem安装说明之外,我还没有做任何事情,但也许我错过了什么或者只是犯了一个愚蠢的错误。如果你还有什么想知道的,请尽管问。干杯 最佳答案 你需要有这样的东西,转义html: 关

javascript - 从 TinyMCE 复制+粘贴中剥离样式?

有没有办法通过从外部源(例如Word)复制粘贴来去除特定标签进入微型MCE?我想防止font-family和image标签被复制+粘贴,但是font-size等没有问题。谢谢! 最佳答案 您无法真正阻止某人粘贴某些内容,因此我相信您最好的选择是通过在表单提交时或在微小的MCE文本区域的onchange上调用函数来过滤掉不需要的标签。然后您可以使用一些正则表达式替换来删除不需要的标签。编辑:其实有一个简单的方法。检查TinyMCEdocumentation. 关于javascript-从T

javascript - 如何使用 tinymce 在选择更改时启用/禁用自定义按钮

我使用这段代码创建了一个自定义的tinymce按钮,用于更改一类图像。它在设置block中。ed.addButton('cust_setimgaspreview',{title:'Setimageasapreviewimage',image:'ikony/previews.png',onclick:function(){if(ed.selection.getNode().tagName=='IMG'){ed.selection.getNode().className='preview';}else{alert('Youneedtoselectanimage.');}}});如您所见,我

javascript - 去掉CKEditor图片插件中的htmlPreview

我在CKEditor的图像插件中隐藏预览元素时遇到问题。我需要一个非常简单的图像对话框,只有图像源的输入字段和带有图像上传按钮的表单。所以我使用这些自定义配置设置删除了不必要的元素:CKEDITOR.on('dialogDefinition',function(ev){vardialogName=ev.data.name;vardialogDefinition=ev.data.definition;if(dialogName=='image'){dialogDefinition.removeContents('advanced');dialogDefinition.removeCont

Javascript:需要解决方法:Internet Explorer 在更改 href 时更改链接文本

我遇到如下问题:我们在应用程序中使用富文本编辑器(TinyMCE,但我认为这在这里并不重要)。现在,对于InternetExplorer8,我们注意到如果您键入看起来像网址的内容:www.google.com...IE通过浏览器的一些native功能将其转换为链接。现在如果你真的想把它变成一个链接,选择编辑链接属性,然后设置href例如到www.google.com/analytics...然后当javascript设置anchor标记的href属性时,链接的文本也会发生变化。期望的结果是:`www.google.com`但实际上是:`www.google.com/analytics`

Javascript:检测插入符父节点

我正在iframe中构建一个简单的WYSIWYG编辑器,并启用designMode,目前我可以将所选文本设置为粗体、斜体和下划线以及链接,它们工作正常。但我想知道什么时候caret在b里面,i,u,a,标签,所以我可以通知用户当前选择是粗体或其他。例子:HelloStackover|flowiscool!=你在b里面标签Be|stplace!=你在i里面标签HelloGo|odstuff!=你在a里面标签请不要图书馆我想学习这些东西:) 最佳答案 MSIELTE8:TextRange.parentElement()其他:DOMRan

javascript - 对于所见即所得编辑器,在 div 上使用 contenteditable 有多可靠?

我相信这个标题是不言自明的,但也许我还是应该问详细点。我正在构建一个WYSIWYG编辑器,而我真的才刚刚开始。所以,我意识到也许了解利弊会启发我。基本上,我的问题是,因为我想要一个至少可以在所有主要浏览器中使用90%的编辑器,我可以在div中使用contenteditable多远,以及与designMode和iframe相比,使用contenteditable的优缺点是什么?此外,在研究过程中我发现了thiseditor.我相信它没有使用这些属性中的任何一个,而是在移动textarea的位置。这是更好的方法吗?好吧,我知道有很多因素会影响最后一个问题的答案,但正如我提到的,我在编辑器中

javascript - 仅用于粗体斜体和列表的所见即所得编辑器

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion我想知道是否有人对跨浏览器的WYSIWYG编辑器仅生成lsits、粗体和斜体有任何建议。我不想使用markdown,因为我的用户对计算机不是很友好,我也不需要他们有很多控件。我对所见即所得编辑器的体验是,它们是巨大的大锤,我只想敲开一个小坚果。如有任何意见,我们将不胜感激。

javascript - 如何使 CKeditor 所见即所得编辑器的拼写检查器工作

我在Firefox中打开的任何编辑框都带有拼写检查功能,Firefox或一般浏览器以某种方式集成了该功能。我有一个小的php脚本,用户使用ckeditorwysiwyg编辑器。如何为ckeditor的编辑区域激活拼写检查器?附言。还提供了解决方案的更新版本here也将不胜感激。 最佳答案 config.disableNativeSpellChecker=false;更多信息:http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.disableNativ

javascript - jquery/javascript 检测 tinymce 中的点击事件

就这么简单,我想检测何时在tinymce编辑器textarea中单击了图像。如果不为其创建插件,这真的无法实现吗?我不能使用这种方法,因为我正在为drupal的所见即所得模块开发一个插件,我想与所见即所得支持的所有编辑器兼容。图像属性中的onclick不起作用,.click监听器不会工作。所见即所得模块api没有任何文档。有人知道解决这个问题的方法吗?我只想检测图像何时被点击,就是这样...... 最佳答案 documentation是一个很好的起点。您可以传递一个设置函数来在初始化时绑定(bind)TinyMCE事件。看看这里的演