• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >网页编辑器 > ueditor1.2.1修改超链接默认值,ueditor编辑器新窗口打开连接

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

作者: 字体:[增加 减小] 来源:互联网 时间:2017-06-05

本文主要包含ueditor默认字体,ueditor,ueditor编辑器,ueditor使用教程,ueditor图片上传配置等相关知识,希望在学习及工作中可以帮助到您

ueditor1.2.1修改超链接默认值

首先超链接的文件是在ueditor目录中的dialogs目录中的link目录的link.html
如图:

ueditor1.2.1修改超链接默认值,ueditor编辑器超链接

然后在链接地址或标题上加value属性和值,希望在新窗口打开,则设置checked属性,如下面红色代码所示。

<tr>
<td><labelfor="href">链接地址:</label></td>
<td><input class="txt"id="href" type="text" value="http://www.weikejianghu.com"/></td>
</tr>
<tr>
<td><labelfor="title">标题:</label></td>
<td><input class="txt"id="title" type="text" value="(weikejianghu.com)"/></td>
</tr>
<tr>
<td colspan="2">
<labelfor="target">是否在新窗口打开:</label>
<input id="target" type="checkbox" checked="checked"/>
</td>
</tr>
</div>


做完上面的工作以后,页面还是不能显示的,因为内容是通过初始化的js来控制。如文件的js代码所示

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


而url属性默认是false,即不会为以上的内容初始化,所以我们要找到初始化的js,改变url的值为true。
如下图所示:
ueditor1.2.1修改超链接默认值,ueditor编辑器超链接

完成以上工作的话,如果还不行的话,(提示link或link.title为null)再看下面!
当显示了默认链接的值了,但按确定之后而没有超链接的话,请重新修改成下面的代码。之前修改的url改回原来的,即url,

url ='http://www.weikejianghu.com';
$G("title").value ='(weikejianghu.com)';
$G("href").value =url;
$G("target").checked =true;
$focus($G("href"));
</div>


如下图所示:
ueditor1.2.1修改超链接默认值,ueditor编辑器超链接


经过修改后,结果应该出来了!
ueditor1.2.1修改超链接默认值,ueditor编辑器超链接

</div>

您可能想查找下面的文章:

  • UEditor 默认字体和字号的修改方法
  • ueditor1.2.1修改超链接默认值,ueditor编辑器新窗口打开连接

相关文章

  • 2017-06-05Fckeditor编辑器内容长度限制统计实现方法
  • 2017-06-05Js FCKeditor的值获取和修改的代码小结
  • 2017-06-05FCKeditor .NET的配置、扩展与安全性经验交流
  • 2017-06-05asp.net+FCKeditor上传图片显示叉叉图片无法显示的问题的解决方法
  • 2017-06-05javascript fckeditor编辑器取值与赋值实现代码
  • 2017-06-05CKEditor中加入syntaxhighlighter代码高亮插件
  • 2017-06-05autogrow 让FCKeditor高度随内容增加的插件
  • 2017-06-05FCKeidtor 清除编辑器内容的代码
  • 2017-06-05FCKeditor + SyntaxHighlighter 让代码高亮着色插件
  • 2017-06-05ckeditor的使用和配置方法分享

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • fckeditor编辑器在php中的配置方法
    • 通过Fckeditor把图片上传到独立图片服务器的方法
    • 百度UEditor修改右下角统计字数包含html样式
    • Fckeditor编辑器内容长度限制统计实现方法
    • FCKEditor常用Js代码,获取FCK内容,统计FCK字数,向FCK写入指定代码
    • SyntaxHighlighter 语法高亮插件的使用教程
    • ThinkPHP中FCKeditor编辑器的使用方法
    • wangEditor使用AJAX异步上传图片
    • 针对PHP环境下Fckeditor编辑器上传图片配置详细教程
    • javascript fckeditor编辑器取值与赋值实现代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有