Javascript 所见即所得HTML5覆盖链接对话行为
我想能够添加任意文本作为链接的HREF使用。例如:我想生成这个Javascript 所见即所得HTML5覆盖链接对话行为,javascript,wysihtml5,Javascript,Wysihtml5,我想能够添加任意文本作为链接的HREF使用。例如:我想生成这个 我已经研究出了如何做到这一点——下面是我正在做的一个简化示例: editor = new wysihtml5.Editor("text_area_content", {toolbar: "wysihtml5-toolbar"}) editor.composer.commands.exec("createLink", { href: "[~"+55+"~]" }) 我现在遇到的问题是,创建链接后,当在编辑器中选择此链接时,对话框
我已经研究出了如何做到这一点——下面是我正在做的一个简化示例:
editor = new wysihtml5.Editor("text_area_content", {toolbar: "wysihtml5-toolbar"})
editor.composer.commands.exec("createLink", { href: "[~"+55+"~]" })
我现在遇到的问题是,创建链接后,当在编辑器中选择此链接时,对话框将链接显示为“http://current_url/[~55~]". 我希望它只显示“[~55~]”
我曾尝试将一个新事件绑定到编辑器中的链接,但我无法解决如何绑定(因为它们位于iframe中)
如何让wysihtml5链接对话框在不显示当前url的情况下显示链接地址?在
wysihtml5/src/toolbar/dialog.js
中,对链接调用一个方法\u interpolate
,该方法获取链接的属性并在对话框中显示它们。因此,对话框的输入元素中将显示href=“…”
中的内容
内联文档中的示例:
因此,如果您可以在应用程序中扩展方法_interpolate,您可以检查属性名称何时为
href
,然后只显示相关部分(不包括服务器名称)。谢谢您的回答。如果你能提供一个这样做的例子,那将非常有帮助。谢谢你为我指明了正确的方向。如果您能…我将奖励赏金,以获得一个有用的答案…我们将非常感谢您提供一个小示例,说明您可以如何覆盖此默认行为。。。不过,举个例子可以说明这是一个非常好的答案。
<!-- original link -->
<a href="http://www.google.com" target="_blank">foo</a>
<!-- dialog: -->
<input type="text" data-wysihtml5-dialog-field="href" value="">
<input type="text" data-wysihtml5-dialog-field="target" value="">
<!-- after calling _interpolate() the dialog will look like this -->
<input type="text" data-wysihtml5-dialog-field="href" value="http://www.google.com">
<input type="text" data-wysihtml5-dialog-field="target" value="_blank">