标签: wysihtml5

我找到了javascript wysiwyg编辑器wysiHTML5.

我正在尝试将元素添加<a href=...>到编辑器或只是以编程方式启用粗体.

我的代码是:

var editor = new wysihtml5.Editor("textarea", {
    toolbar:      "toolbar",
    stylesheets:  "css/wysihtml5.css",
    parserRules:  wysihtml5ParserRules
});

editor.observe("load", function() {
    editor.composer.commands.exec("bold");
});

难道我做错了什么？

如何在编辑器模式下禁用HTML清理？我需要在代码中允许css格式和内联html.这个想法是在粘贴代码并进入编辑器进行编辑时禁用解析器和html清理操作.谢谢.

该Rails_Admin维基说明如何使用自举wysihtml5这是非常容易的整合.

但是,我希望wysihtml5小部件具有"编辑为html"按钮.

这可能吗？

我想添加一些预制的标签,如

<div class="label"> Label Text <span>x</span><div>

到主播编辑器中的html内容.添加这样的标签本身不应该是一个问题.但是我不希望用户能够编辑标签内的文本.甚至不允许将光标放在标签内.在删除时,div应删除整体.在某种意义上,整个标签应该像一个图像.可能吗 ？

将文本从单词复制到wysihtml5编辑器时,文本会混乱(无论是格式还是附加添加的字符).这有一个简单的解决方案吗？我正在寻找的正确行为将是Stack Overflow的富文本编辑器的工作方式 - 从单词复制和粘贴的文本看起来与word文档相同.

谢谢!

更新: 为了解决粘贴的文字格式的格式问题,我"p": {},在使用的wysihtml5-0.30_rc2.js文件中添加了这一行.该行已在defaultOptions [parserRules] [tags]的声明中添加(请参阅used resources).

不过,现在我可以在粘贴文本的开头看到"字体定义"段落:

<!-- /* Font Definitions */ @font-face {font-family:Arial; panose-1:2 11 6 4 2 2 2 2 2 4; mso-font-charset:0; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 0 0 0 1 0;} @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:1; mso-generic-font-family:roman; mso-font-format:other; mso-font-pitch:variable; mso-font-signature:0 0 0 0 0 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:""; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; …

我希望能够以任意的文本添加为使用链接的HREF wysihtml5.例如:我想生成这个<a href="[~55~]">link</a>

我已经弄清楚如何做到这一点 - 这是我正在做的一个简化的例子:

editor = new wysihtml5.Editor("text_area_content", {toolbar: "wysihtml5-toolbar"})  
editor.composer.commands.exec("createLink", { href: "[~"+55+"~]" })

我现在的问题是,在创建链接后,当在编辑器中选择此链接时,对话框将链接显示为"http:// current_url/[~55~]".我希望它只显示"[~55~]".

我试图将一个新事件绑定到编辑器中的链接,但我无法弄清楚如何做到这一点(因为它们在iframe中).

如何在不显示当前网址的情况下获取wysihtml5链接对话框以显示链接地址？

如何在WYSIHTML5中自定义工具栏.我想禁用字体大小和图像插入按钮,特别是对于Bootstrap X-editable中使用的WYSIHTML5版本.

当点击"返回"或"输入"时,光标不会跟随实际行.这个问题有解决方案吗？插件有一些问题解决了问题,但我很好奇实际解决方案是什么解决方法.

这是一个基于项目的jQuery插件:https://github.com/jhollingworth/bootstrap-wysihtml5/你可以看到错误:http://jhollingworth.github.io/bootstrap-wysihtml5/(点击输入几个次)

我正在尝试使用Activerecord在sinatra应用程序中实现wysihml5.

富文本编辑器工作得很好,当我提交表单时,我得到了正确的html帖子到控制器:

pry:> request.params
=> {"title" => "title text",
"content" => "<b>bold text</b><br><i>italic text</i>",
"_wysihtml5_mode" => 1
}

然后,我从request.params中删除哈希条目"_wysihtml5_mode"以创建数据库条目,然后我将内容转换为json:

pry:> request.params.delete("_wysihtml5_mode")
=> 1
pry:> request.params["content"].to_json
=> "\"\\u003Cb\\u003Ebold text\\u003C/b\\u003E...
pry:> class.create(request.params)

问题是我不能把我的价值重新开始:

pry:> class.last.content
=> "\"\\u003Cb\\u003Ebold text\\u003C/b\\u003E...
pry:> JSON.parse(class.last.content)
JSON::ParseError: 743: unexpected token at '"\\u003Cb\\u003Ebold text\\u003C/b\\u003E...

我怎么能回到这个unicode charcters到他们的utf-8风格(我可能错了,我对字符表不熟悉).似乎在转换到json期间,"在开头添加":

                    "<b>bold => "\"\\u003Cb\\u003Ebold

这可能是问题所在？有任何想法吗？

我有一个 wysihtml 框，我想在 ajax 调用后填充它的值

$("#<%=txtDescrizioneBreveCategoria.ClientID%>").wysihtml5();

function ModificaCategoria(id) {
    $.ajax({
                url: "Categorie.aspx/GetCategoria",
                type: 'POST',
                dataType: "json",
                data: JSON.stringify({ 'id': id }),
                contentType: 'application/json; charset=utf-8',
                cache: false,
                async: false,
                processdata: true,
                traditional: true,
                success: function (data) {
                    var c = data.d;
                        //we need to parse it to JSON 
                        c = $.parseJSON(c);
                        $('#<%=txtTitleCategoria.ClientID%>').val(c.Title);
                        $('#<%=txtDescrizioneBreveCategoria.ClientID%>').val(c.Descrizione);
                }
        });
}

我已经尝试过

$('#<%=txtDescrizioneBreveCategoria.ClientID%>').contents().find('body').html('<b>New text</a>');

与

$('#<%=txtDescrizioneBreveCategoria.ClientID%>').html(c.Descrizione);

与

var editorObj = $("#<%=txtDescrizioneBreveCategoria.ClientID%>").data('wysihtml5');
var editor = editorObj.editor;
editor.setValue(c.DescrizioneBreve);

但编辑器变量始终未定义我在这里使用 wysihtml5x v0.4.15 链接