Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 所见即所得HTML5覆盖链接对话行为_Javascript_Wysihtml5 - Fatal编程技术网

Javascript 所见即所得HTML5覆盖链接对话行为

Javascript 所见即所得HTML5覆盖链接对话行为,javascript,wysihtml5,Javascript,Wysihtml5,我想能够添加任意文本作为链接的HREF使用。例如:我想生成这个 我已经研究出了如何做到这一点——下面是我正在做的一个简化示例: editor = new wysihtml5.Editor("text_area_content", {toolbar: "wysihtml5-toolbar"}) editor.composer.commands.exec("createLink", { href: "[~"+55+"~]" }) 我现在遇到的问题是,创建链接后,当在编辑器中选择此链接时,对话框

我想能够添加任意文本作为链接的HREF使用。例如:我想生成这个

我已经研究出了如何做到这一点——下面是我正在做的一个简化示例:

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">