【首发】小清编辑器在线HTML编辑器-微创资源网

软件介绍

在线演示地址
http://www.mlmzj.com/mlmzj/demo/qingeditor/

QingEditor 是一套开源轻量级的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 QingEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 QingEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。

本人也是网站爱好者，经常在网上找好用的在线编辑器。但是找到的，不是不兼容，就是太大，运行太卡。所以综合了一下，自己开了一个最简单的在线编辑器，对于一些简单的文字编辑是足够使用了。最主要是轻，相对百度编辑器那种动不动几十兆的程序来说。最后希望大家能喜欢哦

一、下载小清编辑器Qing Editor。

1、官方网站下载 : http://www.mlmzj.com/mlmzj/demo/qingeditor/qingeditor.rar

2、站长之家下载 : http://www.mlmzj.com/mlmzj/demo/qingeditor/qingeditor.rar
二、在网页文件里添加代码。

1、在需要添加编辑器的控件，比如textarea控件，加上id="Qing_input"(注意区分大小写)。

<br> <br> 2、在编辑器控件的下面添加以下代码，路径自己修改。 <br> <br> <br> <link rel="stylesheet" href="qingeditor/qing-style.css" /> <br> <script type="text/javascript" src="qingeditor/qing-editor-all.js"></script> <br> <br> 3、最一步，给要提交的表单加上editor.post();否则将接收不到编辑器的数据，切记。 <br> <br> <br> <form action="?mydo=addok" name="form1" method="post" onSubmit="editor.post();"> <br> <br> 4、一个标准的小清编辑器基础文档，qing-style.css和qing-editor-all.js的路径需自行设置好 <br> <br> <br> <br> <!doctype html><br> <html><br> <head><br> <meta charset="gb2312"><br> <title>小清编辑器</title><br> </head><br> <body><br> <br> <br> <form action="?mydo=addok" name="form1" method="post" onSubmit="editor.post();"><br> <textarea id="Qing_input" name="content"><br> <p align="center"><img src="../content/uploadfile/data/27c125fc-4456-4491-a376-fca21d65b33b.jpeg" > </p> </div> <div class="c-title" id="down"> 资源下载 </div> <ul class="list_down"> <a href="javascript:;" data-url="http://www.asp300.cn/dllDown/?CodeID=60826&id=1" data-cdk="" title="点击下载" rel="nofollow"><i class="iconfont icon-down"></i>点击下载</a> </ul> <div class="z_digg social-main" id="newdigg"> <span class="like"><a href="javascript:;">有价值 <span class="digg_num">(333)</span> </a> </span> <span class="bad"><a href="javascript:;"><span class="cpa">无价值 <span class="digg_num">(26)</span></span></a> </span></div> <script type='text/javascript'> $(function(){ $('.z_digg .like').on('click', function(){ var a = $(this); var mark = '0', /* action = '', */ post_ID = 9147; ajax_data = { mark: mark, plugin: 'digg', /* action: action, */ id: post_ID }; var pattern = new RegExp('(zakura_digg9147|zakura_undigg9147)','i'); if (!pattern.test( document.cookie )) { $.post('', ajax_data,function(data){ a.find('.digg_num').html('('+data+')'); }) }else{ layer.msg('基佬，你已表态'); } }) $('.z_digg .bad').on('click', function(){ var a = $(this); var mark = '2', /* action = '', */ post_ID = 9147; ajax_data = { mark: mark, plugin: 'digg', /* action: action, */ id: post_ID }; var pattern = new RegExp('(zakura_digg9147|zakura_undigg9147)','i'); if (!pattern.test( document.cookie )) { $.post('', ajax_data,function(data){ a.find('.digg_num').html('('+data+')'); }) }else{ layer.msg('基佬，你已表态'); } }) }) </script> <script type="text/javascript"> function show_yp(){ window.scrollTo(0, 0); document.body.setAttribute("class","active-yp"); document.getElementById("yp-hide").style.visibility = "visible"; } function close_yp(){ var DomClass = document.body.getAttribute("class"); DomClass = DomClass.replace("active-yp",""); document.body.setAttribute("class",DomClass); document.getElementById("yp-hide").style.visibility = "hidden"; } function load_yp(){ h2c_(); } </script> <div class="article-end"> <div class="tag"> <p>标签：</p> <a>暂无标签</a> </div> </div> <div class="mzsm"> <p><strong>免责声明：</strong></p> <p>本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。侵删请致信E-mail： 1270528312@qq.com </p> </div> <div class="c-title"> 同类推荐 </div> <ul class="tltj layui-clear"> <li><a class='layui-clear' href = "https://www.wcwc.site/phpym/5112.html" title="【首发】安信双轨直销系统(经典制度版) v4.1.0"><div class='img'><img class='lazy' data-original="../content/uploadfile/data/23ca4139-25e3-4c79-b16c-59e7aa389cf0.jpeg" alt="【首发】安信双轨直销系统(经典制度版) v4.1.0"></div><div class='infos'><h3>【首发】安信双轨直销系统(经典制度版) v4.1.0</h3><i>查看</i></div></a></li><li><a class='layui-clear' href = "https://www.wcwc.site/phpym/5899.html" title="【首发】德品成品项目建设商城 v1.0.6 bulid20190815"><div class='img'><img class='lazy' data-original="../content/uploadfile/data/8624a046-bfda-4428-8686-8d773198bd37.jpeg" alt="【首发】德品成品项目建设商城 v1.0.6 bulid20190815"></div><div class='infos'><h3>【首发】德品成品项目建设商城 v1.0.6 bulid20190815</h3><i>查看</i></div></a></li><li><a class='layui-clear' href = "https://www.wcwc.site/phpym/13283.html" title="随机优质小姐姐短视频源码"><div class='img'><img class='lazy' data-original="../content/uploadfile/data/3b6cfba4d135f8532d9941042a3831a2.png" alt="随机优质小姐姐短视频源码"></div><div class='infos'><h3>随机优质小姐姐短视频源码</h3><i>查看</i></div></a></li><li><a class='layui-clear' href = "https://www.wcwc.site/phpym/1591.html" title="氧化氢工具箱Ver1.8最新源码"><div class='img'><img class='lazy' data-original="../content/uploadfile/data/613d376c-f45c-4ab6-a339-9e73033710d8.jpeg" alt="氧化氢工具箱Ver1.8最新源码"></div><div class='infos'><h3>氧化氢工具箱Ver1.8最新源码</h3><i>查看</i></div></a></li><li><a class='layui-clear' href = "https://www.wcwc.site/phpym/10280.html" title="【首发】无忧中英繁企业网站通用版V2016.3.31"><div class='img'><img class='lazy' data-original="https://www.wcwc.site/content/templates/xiaosou/lib/images/random/12.jpg" alt="【首发】无忧中英繁企业网站通用版V2016.3.31"></div><div class='infos'><h3>【首发】无忧中英繁企业网站通用版V2016.3.31</h3><i>查看</i></div></a></li><li><a class='layui-clear' href = "https://www.wcwc.site/phpym/6695.html" title="【首发】为数不多的单页网址导航源码"><div class='img'><img class='lazy' data-original="https://www.wcwc.site/content/templates/xiaosou/lib/images/random/13.jpg" alt="【首发】为数不多的单页网址导航源码"></div><div class='infos'><h3>【首发】为数不多的单页网址导航源码</h3><i>查看</i></div></a></li> </ul> <div class="article-pl" id="article-pl"> <div class="c-title"> 评论列表 </div> <div class="panel ribbon-comment"> <div id="comment-place"> <div class="comment-post" id="comment-post"> <div class="cancel-reply" id="cancel-reply" style="display:none"><div id="respond"><a href="javascript:void(0);" onclick="cancelReply()">取消回复</a></div></div> <a name="respond"></a> <form method="post" name="commentform" action="https://www.wcwc.site/index.php?action=addcom" id="commentform"> <input type="hidden" name="gid" value="9147" /> <div class="layui-form-item layui-form-text layui-layedit"> <div class="layui-unselect layui-layedit-tool"> <i class="layui-icon layedit-tool-b" title="加粗" onclick="addcontent('b')""></i> <i class="layui-icon layedit-tool-i" title="斜体" layedit-event="i" onclick="addcontent('i')""></i> <i class="layui-icon layedit-tool-u" title="下划线" layedit-event="u" onclick="addcontent('u')""></i><i class="layui-icon layedit-tool-d" title="删除线" lay-command="strikeThrough" onclick="addcontent('strike')""></i><span class="layedit-tool-mid"></span> <i class="layui-icon layedit-tool-link" title="插入链接" style="display:none;" onclick="addcontent('url')"></i> <a class="layui-icon" onclick="SIMPALED.Editor.daka(this)" title="签到"><span>签到</span></a> <i class="layui-icon layui-icon-praise" title="顶一顶" onclick="SIMPALED.Editor.zan(this)">顶</i> <i class="layui-icon layui-icon-tread" title="踩一踩" onclick="SIMPALED.Editor.cai(this)">踩</i> <i class="layui-icon layedit-tool-face" id="faceBtn" title="表情" layedit-event="face"></i> <i class="layui-icon layedit-tool-image" title="图片" onclick="addcontent('img')"></i> </div> <div class=""> <textarea contenteditable="true" name="comment" id="comment" rows="3" tabindex="4" placeholder="来都来了，不随便说两句吗？">

【首发】小清编辑器 在线HTML编辑器

软件介绍

【首发】小清编辑器在线HTML编辑器