一个小巧的HTML编辑器_CLEditor_源码下载

官网:

http://premiumsoftware.net/cleditor/

关于CLEditor:

CLEditor是一个开源的jQuery插件提供了一个轻量级的、全功能、跨浏览器、可扩展、

  WYSIWYG HTML编辑器,可以很容易地添加到任何网站。

轻量级插件:

  CLEditor消耗小于9 k的总带宽.包括的文件如下:

特性:

  除了标准的文本格式化特性发现在其他的所见即所得编辑器,CLEditor也含有丰富的下降对

  字体名称、大小起伏、风格、文本颜色和突出颜色。CLEditor允许您插入图片,超链接和水平的规则。

跨浏览器:

  CLEditor支持以下浏览器都在pc和mac:IE 6.0 + 1.5 +,Safari 4 FF +、Chrome和Opera 10 + 5 +。

  所有的测试都是使用jQuery 1.4.2。

=============================================================

说了这么多,现在就上一个例子:

1.项目结构

2.效果:

3./CLEditor/WebContent/index.jsp

 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 2 <%
 3 String path = request.getContextPath();
 4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 5 %>
 6 
 7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 8 <html>
 9 <head>
10     <link rel="stylesheet" type="text/css" href="CLEditor1_3_0/jquery.cleditor.css" />
11     <script type="text/javascript" src="CLEditor1_3_0/jquery.min.js"></script>
12     <script type="text/javascript" src="CLEditor1_3_0/jquery.cleditor.min.js"></script>
13     <script type="text/javascript">
14       $(document).ready(function() {
15         $("#input").cleditor();
16         $("#sub").click(function(){
17             var input = $("#input").val();
18             $("#show_mess").html(input);
19         });
20       });
21     </script>
22 </head>
23   
24   <body>
25     About CLEditor<br>
26     <a href="http://premiumsoftware.net/cleditor/">CLEditor</a> is an open source jQuery plugin which provides a lightweight<br>
27     full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site.<br>
28     <textarea id="input" name="input"></textarea><br>
29     <button id="sub">submit</button>
30     <hr>
31     <div id="show_mess"></div>
32   </body>
33 </html>

源码下载:http://files.cnblogs.com/hongten/CLEditor.rar

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏北京马哥教育

最全整理 | 121个Ubuntu终端常用快捷键

Ubuntu中的许多操作在终端(Terminal)中十分的快捷,记住一些快捷键的操作更得心应手。在Ubuntu中打开终端的快捷键是Ctrl+Alt+T。其他的一...

32812
来自专栏葡萄城控件技术团队

Wijmo 更优美的jQuery UI部件集:发现 Wijmo

什么是 Wijmo? Wijmo 是一个基于jQuery UI的UI部件的套件。Wijmo 部件对客户端Web开发进行了优化,并且充分利用了jQuery的强大...

2249
来自专栏Seebug漏洞平台

Firefox - SVG cross domain cookie vulnerability

SVG - 通过 img 标签设置跨域 cookie 我最近有了解到,浏览器允许使用 meta 标签来设置 cookie 。我不确定我是不是忘了这一特性,或者之...

2946
来自专栏自动化测试实战

Flask第36篇——模板项目实战(二)

前面我们利用宏将首页代码进行了第一次优化。如果我们现在还有其他页面,试想一下,首页上面的搜索框

2073
来自专栏编程坑太多

rn手势功能实战

1654
来自专栏鹅厂优文

小程序入坑指南 | 鹅厂优文

前段时间,手上刚好接手一个小程序的项目,心想之前自学过一段时间的小程序,终于有项目可以练练手了,可惜,万万没想到,加了两个周末的班结果却成了飞机稿...

1.6K11
来自专栏闻道于事

HTML表格表单综合——用户注册表

今天学习了表格和表单知识,我综合了他们添加了一些拓展知识做了一个用户注册表,以下面代码来整理表格和表单知识: <!DOCTYPE html PUBLIC "-/...

1.5K6
来自专栏jeremy的技术点滴

前端ReactJS技术介绍

4313
来自专栏java系列博客

IDEA全局护眼色

1953
来自专栏逸鹏说道

Linux下搜狗输入法和快捷键Ctrl+Space冲突的解决

把搜狗的启动快捷键给删了(如果有两个键盘【英+中】,你按Shift就可以切换了,完全没必要占着茅坑)

1234

扫码关注云+社区

领取腾讯云代金券