ueditor1.2.1修改超链接默认值,ueditor编辑器新窗口打开连接

搞过ueditor二次开发的朋友应该都知道，它的超链接弹窗默认是空的，每次都得手动输入地址和标题，挺麻烦的。其实稍微改一下就能让它默认填好内容，甚至默认勾选“在新窗口打开”。下面就把具体步骤拆开来讲。

首先，找到超链接对话框对应的文件：在ueditor目录下的 dialogs/link/link.html。打开它，你会看到类似这样的界面：

接下来，在链接地址和标题的输入框里加上 value 属性，给它们一个默认值。如果希望默认勾选“在新窗口打开”，就加上 checked="checked"。改完后的代码大致像下面这样：

  链接地址：
  


  标题：
  


  
    是否在新窗口打开：
    
  

改完HTML后，页面并不会自动显示你填的默认值——因为对话框的内容是通过Ja vaScript初始化的。找到对应的JS代码，通常是这样一段：

$G("title").value = url ? link.title : "";
$G("href").value = url ? url : '';
$G("target").checked = url && link.target == "_blank" ? true : false;

关键点在于，这里的 url 变量默认是 false，所以不会走赋值逻辑。我们需要把 url 改成 true，或者直接给它一个具体的值，才能让初始化生效。如下图所示：

如果按上面改完，发现点击确定后并没有插入超链接，那可能是JS里对 link 或 link.title 的引用报错了（比如 link 为 null）。这时候可以调整一下思路：干脆把 url 改回原来的 url（即不赋值为true），而是直接硬编码默认值，像下面这样：

url = 'https://www.jb51.net';
$G("title").value = '本站(jb51.net)';
$G("href").value = url;
$G("target").checked = true;
$focus($G("href"));

看下面的图，更直观：

经过以上调整，再次打开超链接对话框，应该就能看到默认填好的内容，并且“新窗口打开”已经自动勾选上了。效果如下：