Tag: wysiwyg

在WYSIWYG编辑器上更改字体大小选项？: 所以我有一个来自jqueryscript.net插件的bootstrap wysiwyg编辑器，我试图在字体大小下拉列表中提供更多字体选项。所以我进入JS并找到它的var并将其从小，中，大，巨大变为更精确的大小，如10px，11px，12px等。但是当我进入编辑器测试它时，它是仍然使用旧的字体大小，所以当我像5px-10px一样，它是中等大小的..等我看了看，看了一眼不太深入的JS并且无法找到它如何拉动那些为了我的生命！有没有人知道如何在这个下拉列表上正确调整字体大小？谢谢！！我把代码放到一个jsfiddle中，因为它在这里太长了，但是它无法在它中运行。我不得不为js中的print函数删除document.write以使其保存。 http://jsfiddle.net/wfaLa3h0/3/ code here

如何在SCEditor textarea中获得当前的插入位置？: 我在我的网站上使用jQuery沿着jQuery，我想知道如何获得相对于textarea / div开头的当前插入位置？我尝试过这样的事情： $J(‘#textarea’).sceditor(‘instance’).getRangeHelper().selectedRange().startOffset 但这只能给我相对于当前DOM对象的位置，而不是整个textarea。我想要完成的是从textarea中删除插入符号后面的所有文本。也许有另一种方法可以做到这一点。谢谢，

代理网站能够在iframe中进行WYSIWYG编辑 – 它是如何工作的？: CONTEXT 我正在寻找创建一个WYSIWYG编辑器，允许用户编辑iframe中加载的第三方网站。我知道像Optimizely这样的公司使用代理来完成这个（如这里所述），但我不太明白这是如何工作的。特别是，这部分有点不清楚： Optimizely Editor在iframe中加载http://www.mypage.com并使用window.postMessage与页面进行通信。这仅适用于该页面上已有上述代码段的代码段。如果不是这种情况，编辑器将在等待来自iframe页面的消息时超时，并将通过实际将代码段插入页面的代理再次加载。题代理究竟做了什么，允许将JS片段插入到页面中，并让用户编辑iframe中加载的其他不可编辑的内容？

用tinyMCE获取内容？: 我有一个tinyMCE textarea #frmbody，我正在使用它的jquery实例。我正在尝试获取textarea的内容作为用户类型。 $(“#frmbody”).live(‘keyup’, function(e) { alert(“keyup”); }); 上面的代码不起作用，我不知道为什么。如果我删除tinyMCE实例，上面的代码工作正常。有任何想法吗？

将JQuery代码应用于组件内的元素: 我有一个应用程序，我正在使用React。我现在有一个问题，我正在尝试实现bootstrap-wysiwyg / bootstrap3-wysiwyg包。为了使我的能够作为ootstrap-wysiwyg/bootstrap3-wysiwyg文本编辑器工作，我需要在文本编辑器上运行以下JQuery函数： $(“.textarea”).wysihtml5() 这是我的组件： import React, { Component } from ‘react’ export class MyTextEditor extends Component { render() { return ( ) } } 如何将JQuery函数应用于React组件中的？我知道混合使用React和JQuery并不是一个很好的做法，但我真的需要这个才能工作。如果有一种替代方法可以使程序包运行，我会很高兴作为答案。否则，如果有人可以帮我这个工作，将不胜感激！更新:( 还在看）感谢所有的建议。我尝试了一堆，但他们都导致了问题：根本不能很好地显示，按钮是巨大的。给了我： Uncaught Error: addComponentAsRefTo(…): Only a ReactOwner can have refs. Syam Mohan的回答给了我： Uncaught TypeError: Cannot read property ‘font-styles’ […]

如何禁用Aloha Editor工具栏？: 有没有办法以与侧边栏相同的方式禁用Aloha的ExtJS工具栏？ Aloha.settings = modules: [‘aloha’, ‘aloha/jquery’] editables: ‘.editable’ jQuery: $ sidebar: disabled: true toolbar: disabled: true # does not work

基本的javascript wysiwyg编辑器: 我可以获得如何使用textarea创建所见即所得编辑器的解释吗？所有我需要它能够做的是解析基本的HTML标签，如粗体，斜体，下划线等。它不需要任何插入它的按钮，我只想在解析的textarea标签内有一个默认文本HTML。例： wat 这将在textarea中打印出wat而不是wat 。编辑：jQuery是首选

将WYSIWYG编辑器集成到最佳原位textarea: 我正在使用best_in_place gem来就地编辑客户端的信息。我的问题是，如何整合WYSIWYG编辑器以将此内容编辑为HTML？我目前正在使用这个编辑器： https ： //github.com/Nerian/bootstrap-wysihtml5-rails/ 我不擅长javascript和cofeescript，所以我可能做错了。我的代码在视图中： :textarea, :nil => “Click here to add content!”, :html_attrs => { class: “wysihtml5” }, :sanitize => false %> 和clients.js.cofee $(document).ready -> # Activating Best In Place jQuery(“.best_in_place”).best_in_place() # Loading editor $(“.wysihtml5”).each (i, elem) -> $(elem).wysihtml5() 有谁知道该怎么办？谢谢

是否有跨浏览器的jQuery contentEditable库？: 我正在寻找一个jQuery插件/库，它使contentEditable属性在所有主流浏览器中都能正常工作（我甚至可以不使用IE6）。我不需要一个完整的WYSIWYG编辑器解决方案，因为我想建立自己的 – 但是我专注于用户体验，所以我更喜欢“即插即用”解决方案。我只需要通过代码（类似API）访问编辑器function，我自己构建用户界面。

是否有利用jQuery的JavaScript WYSIWYG？: 我看过TinyMCE ， FCKeditor ， YUI Rich Text Editor ， NicEdit和其他一些人，但我想知道是否有一个利用jQuery？我的意思是，我已经在我的所有项目中使用了jQuery，并且看起来使用它的WYSIWYG编辑器似乎也很有用。这应该会导致较小的文件大小。我理解，如果一个不存在（因为它们可能是在JS框架流行之前开发的，现在更改代码库太多了），或者只是为了简单部署（不依赖于任何框架）。那么，是否存在，是否有任何好处？