javafx实现自定义html编辑器
2013-03-31 11:38
661 查看
HTML在线编辑器简介:
HTML online editor
在Web程序应用中,最常见的一种是信息和言论的发布和交流。而在信息发布的同时,往往需要对发布的数据进行格式的转换,才能使信息以用户需要的格式显示在Web页面上。而为了实现Web应用中在线信息发布的正确显示和用户对信息发布的格式、类型和功能上的需求,HTML在线编辑器的概念就应运而生了。
顾名思义,HTML在线编辑器就是用于在线编辑的工具,编辑的内容是基于HTML的文档。因为它可用于在线编辑基于HTML的文档,所以,它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方,是Web应用的常用模块之一。
编辑本段HTML在线编辑器特点:
一个完整意义上的HTML在线编辑器,为了能够真正满足用户的需求,具备以下特点:
1、 所见即所得:通过编辑器,编辑的文字和图片等HTML标记输出到页面的效果和编辑时显示的效果一致,无需经过其他步骤的转换和编码,能让用户方便地对编辑的内容进行修改和排版;
2、 自动转换HTML代码:在编辑状态编辑的文字、图片等内容都在后台状态下自动转换为可被浏览器识别的HTML标记语言;而且用户可以在代码状态下对代码标记进行修改和排版。
3、 简单易用:编辑器的编辑使用方法应该和尽量和FrontPage、Dreamweaver等主流网页制作软件或代码编辑器类似,风格保持一致,以达到无需任何HTML语法知识,机械式的操作也能让没有网页制作经验的用户快速掌握的目的。
4、 方便快捷:使用所见即所得的编辑器能快捷、方便地编辑出效果一流的图文内容,与纯手工编写代码进行编辑的方式比较,可以节省大量的时间和精力。
5、 与系统现有内容兼容、吻合:利用编辑器提供的功能,可以方便地把系统已上传的图片动画影音文件加载到网页内容中,也可以通过插入信息组件与其他网页内容进行整合。
javafx自定义html编辑器功能介绍:
1、隐藏HTMLEditor复制、粘贴、剪切功能。
2、删除编辑器内部分字体。
2、新增HTMLEditor一个自定义按钮功能。
在线浏览: 在线浏览
效果图片:
核心代码:
源码下载
HTML online editor
在Web程序应用中,最常见的一种是信息和言论的发布和交流。而在信息发布的同时,往往需要对发布的数据进行格式的转换,才能使信息以用户需要的格式显示在Web页面上。而为了实现Web应用中在线信息发布的正确显示和用户对信息发布的格式、类型和功能上的需求,HTML在线编辑器的概念就应运而生了。
顾名思义,HTML在线编辑器就是用于在线编辑的工具,编辑的内容是基于HTML的文档。因为它可用于在线编辑基于HTML的文档,所以,它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方,是Web应用的常用模块之一。
编辑本段HTML在线编辑器特点:
一个完整意义上的HTML在线编辑器,为了能够真正满足用户的需求,具备以下特点:
1、 所见即所得:通过编辑器,编辑的文字和图片等HTML标记输出到页面的效果和编辑时显示的效果一致,无需经过其他步骤的转换和编码,能让用户方便地对编辑的内容进行修改和排版;
2、 自动转换HTML代码:在编辑状态编辑的文字、图片等内容都在后台状态下自动转换为可被浏览器识别的HTML标记语言;而且用户可以在代码状态下对代码标记进行修改和排版。
3、 简单易用:编辑器的编辑使用方法应该和尽量和FrontPage、Dreamweaver等主流网页制作软件或代码编辑器类似,风格保持一致,以达到无需任何HTML语法知识,机械式的操作也能让没有网页制作经验的用户快速掌握的目的。
4、 方便快捷:使用所见即所得的编辑器能快捷、方便地编辑出效果一流的图文内容,与纯手工编写代码进行编辑的方式比较,可以节省大量的时间和精力。
5、 与系统现有内容兼容、吻合:利用编辑器提供的功能,可以方便地把系统已上传的图片动画影音文件加载到网页内容中,也可以通过插入信息组件与其他网页内容进行整合。
javafx自定义html编辑器功能介绍:
1、隐藏HTMLEditor复制、粘贴、剪切功能。
2、删除编辑器内部分字体。
2、新增HTMLEditor一个自定义按钮功能。
在线浏览: 在线浏览
效果图片:
核心代码:
public void hideImageNodesMatching(Node node, Pattern imageNamePattern, int depth) { if (node instanceof ImageView) { ImageView imageView = (ImageView) node; String url = imageView.getImage().impl_getUrl(); if (url != null && imageNamePattern.matcher(url).matches()) { Node button = imageView.getParent().getParent(); button.setVisible(false); button.setManaged(false); } } if (node instanceof Parent) for (Node child : ((Parent) node).getChildrenUnmodifiable()) hideImageNodesMatching(child, imageNamePattern, depth + 1); }
源码下载
相关文章推荐
- Android自定义View实现HTML图文环绕效果
- HTML页面居中弹出自定义窗口层(实现可拖拽)
- 如何快速实现HTML编辑器.NET组件
- Qt实现自定义按钮的三态效果(转载自http://www.cnblogs.com/emouse/archive/2013/07/14/3189319.html)
- 【Unity编辑器】使用反射和Attribute实现自定义右键菜单
- opencms自定义html编辑器,不能切换路径,上传本地文件或选择文件的解决办法?
- HTML中用自定义字体实现小图标icon(不是原作, 只是一个研究笔记)
- 解析在Android中为TextView增加自定义HTML标签的实现方法
- FCKeditor是使用非常广泛的HTML编辑器,本文从 ASP.NET 的使用场景对 FCKeditor 与 FCKeditor.NET 的配置、功能扩展(如自定义文件上传子目录、自定义文件名、上传图片的后期处理等)、以及安全性进行初步的阐述。
- TestNG监听器实现失败自动截图、重跑、自定义html结果文件功能
- .net利用IOleCommandTarget接口实现Html编辑器表格边框的显示和隐藏(原创)
- Android自定义View实现HTML图文环绕效果
- Html中使用自定义图片来实现checkbox显示
- HTML页面居中弹出自定义窗口层(实现可拖拽)
- VB.net和c#利用IOleCommandTarget接口实现Html编辑器的Glyphs(原创)
- 【任务】html编辑器在vs2003下实现
- Spring MVC代码实例系列-04:通过自定义视图(继承InternalResourceView),实现既能解析Jsp页面又能解析Html页面的目的
- html中实现某区域内右键自定义菜单
- Html中使用自定义图片来实现checkbox显示的方法
- 重磅出击 实现IOS下内嵌HTML编辑器 Objective-C 与 JavaScript 通信攻关