简单的代码演示

详细文件在文件目录里

<!doctype html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>Default Examples</title>

        <style>

            form {

                margin: 0;

            }

            textarea {

                display: block;

            }

        </style>

        <link rel="stylesheet" href="../themes/default/default.css" />

        <script charset="utf-8" src="../kindeditor-min.js"></script>

        <script charset="utf-8" src="../lang/zh_CN.js"></script>

        <script>

            var editor;

            KindEditor.ready(function(K) {

                editor = K.create('textarea[name="content"]', {

                    allowFileManager : true

                });

                K('input[name=getHtml]').click(function(e) {

                    alert(editor.html());

                });

                K('input[name=isEmpty]').click(function(e) {

                    alert(editor.isEmpty());

                });

                K('input[name=getText]').click(function(e) {

                    alert(editor.text());

                });

                K('input[name=selectedHtml]').click(function(e) {

                    alert(editor.selectedHtml());

                });

                K('input[name=setHtml]').click(function(e) {

                    editor.html('<h3>Hello KindEditor</h3>');

                });

                K('input[name=setText]').click(function(e) {

                    editor.text('<h3>Hello KindEditor</h3>');

                });

                K('input[name=insertHtml]').click(function(e) {

                    editor.insertHtml('<strong>插入HTML</strong>');

                });

                K('input[name=appendHtml]').click(function(e) {

                    editor.appendHtml('<strong>添加HTML</strong>');

                });

                K('input[name=clear]').click(function(e) {

                    editor.html('');

                });

            });

        </script>

    </head>

    <body>

        <h3>默认模式</h3>

        <form>

            <textarea name="content" style="width:800px;height:400px;visibility:hidden;">KindEditor</textarea>

            <p>

                <input type="button" name="getHtml" value="取得HTML" />

                <input type="button" name="isEmpty" value="判断是否为空" />

                <input type="button" name="getText" value="取得文本(包含img,embed)" />

                <input type="button" name="selectedHtml" value="取得选中HTML" />

                <br />

                <br />

                <input type="button" name="setHtml" value="设置HTML" />

                <input type="button" name="setText" value="设置文本" />

                <input type="button" name="insertHtml" value="插入HTML" />

                <input type="button" name="appendHtml" value="添加HTML" />

                <input type="button" name="clear" value="清空内容" />

                <input type="reset" name="reset" value="Reset" />

            </p>

        </form>

    </body>

</html>

php用到的

<!doctype html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>Default Examples</title>

        <link rel="stylesheet" href="kindeditor-4.1.10/themes/default/default.css" />

        <script charset="utf-8" src="kindeditor-4.1.10/kindeditor-min.js"></script>

        <script charset="utf-8" src="kindeditor-4.1.10/lang/zh_CN.js"></script>

        <script>

            var editor;

            KindEditor.ready(function(K) {

                editor = K.create('textarea[name="content"]', {

                    allowFileManager : true

                });

                K('input[name=getHtml]').click(function(e) {

                    alert(editor.html());

                    document.getElementById("yanshi").innerHTML=editor.html();

                });

            });

        </script>

    </head>

    <body>

        <h3>默认模式</h3>

            <textarea name="content" style="width:800px;height:400px;visibility:hidden;">KindEditor</textarea>

            <p>

                <input type="button" name="getHtml" value="取得HTML" />

            </p>

        <div id="yanshi" style="width:1100px; height:500px"></div>

    </body>

</html>

PHP——文本编辑器的更多相关文章

  1. 富文本编辑器Simditor的简易使用

    最近打算自己做一个博客系统,并不打算使用帝国cms或者wordpress之类的做后台管理!自己处于学习阶段也就想把从前台到后台一起谢了.好了,废话不多说了,先来看看富文本编辑器SimDitor,这里是 ...

  2. 个人网站对xss跨站脚本攻击（重点是富文本编辑器情况）和sql注入攻击的防范

    昨天本博客受到了xss跨站脚本注入攻击,3分钟攻陷--其实攻击者进攻的手法很简单,没啥技术含量.只能感叹自己之前竟然完全没防范. 这是数据库里留下的一些记录.最后那人弄了一个无限循环弹出框的脚本,估计 ...

  3. 关于SMARTFORMS文本编辑器出错

    最近在做ISH的一个打印功能,SMARTFORM的需求本身很简单,但做起来则一波三折. 使用环境是这样的:Windows 7 64bit + SAP GUI 740 Patch 5 + MS Offi ...

  4. 基于trie树的具有联想功能的文本编辑器

    之前的软件设计与开发实践课程中,自己构思的大作业题目.做的具有核心功能,但是还欠缺边边角角的小功能和持久化数据结构,先放出来,有机会一点点改.github:https://github.com/chu ...

  5. UEditor百度富文本编辑器--让编辑器自适应宽度的解决方案

    UEditor百度富文本编辑器的initialFrameWidth属性,默认值是1000. 不能够自适应屏幕宽度.如图1: 刚开始的时候,我是直接设置initialFrameWidth=null的.效 ...

  6. [bzoj1269][AHOI2006文本编辑器editor] (splay模版题 or pb_ds [rope]大法)

    Description 这些日子,可可不和卡卡一起玩了,原来可可正废寝忘食的想做一个简单而高效的文本编辑器.你能帮助他吗?为了明确任务目标,可可对“文本编辑器”做了一个抽象的定义:   文本:由0个或 ...

  7. Bzoj1269 [AHOI2006]文本编辑器editor

    Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 3678  Solved: 1380 Description 这些日子,可可不和卡卡一起玩了,原来可可正 ...

  8. PHP Ueditor 富文本编辑器

    2016年12月11日 08:46:59 星期日 百度的简版富文本编辑器umeditor很久没更新了 全功能版本的配置项跟umeditor还是有区别的, 这里说下ueditor怎么对接到项目中去, 主 ...

  9. js中的文本编辑器控件KindEditor---那些打酱油的日子

    使用文本编辑器控件KindEditor渲染文本域页面显示 this.sync()同步KindEditor的值到textarea文本框 editor.isEmpty()判断文本域是否是空 editer. ...

  10. Unix及类Unix系统文本编辑器的介绍

    概述 Vim是一个类似于Vi的著名的功能强大.高度可定制的文本编辑器,在Vi的基础上改进和增加了很多特性.VIM是纯粹的自由软件. Vim普遍被推崇为类Vi编辑器中最好的一个,事实上真正的劲敌来自Em ...

随机推荐

  1. Maven Web项目配置Mybatis出现SqlSessionFactory错误的解决方案

    一.错误现象 严重: Context initialization failed org.springframework.beans.factory.BeanCreationException: Er ...

  2. BS中保存参数

    开发中经常需要将值存起来,当点击某一项时以便知道点击了哪一项. 一:应用JS页面跳转(牛腩中讲到) HTML: <td class="txt c"><a href ...

  3. 【笔记】探索js 的this 对象 (第二部分)

    了解this 对象之后 我们明白了this 对象就是指向调用函数的作用域 那么接下来我们便要清除函数究竟在哪个作用域调用 找到调用的作用域首先要了解一下几点: 1.调用栈: 调用栈就是一系列的函数,表 ...

  4. redis学习笔记——RDB和AOF持久化二

    上一篇对RDB的源码分析是比较多的,但是AOF持久化执行进行了一些理论上的分析和概念的说明.本来想自己偷一些懒,将上篇文章中最后所给链接的AOF实现代码随便过一过算了,后来也就是在过的过程中发现自己这 ...

  5. Handler（2）

    andriod提供了Handler 和 Looper 来满足线程间的通信.Handler先进先出原则.Looper类用来管理特定线程内对象之间的消息交换(MessageExchange). 1)Loo ...

  6. XP如何找到网上邻居

    右击桌面,点击属性,切换到桌面,自定义桌面,勾选网上邻居即可.

  7. Json 简易教程

    一.什么是Json JSON的全称是"JavaScript Object Notation",意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式 ...

  8. Win7下Python WEB环境搭建

    环境介绍: Win7 64位 SP1 Python:2.7.6 网关接口:flup Nginx安装:http://blog.csdn.net/jacson_bai/article/details/46 ...

  9. webDriver API——第14部分Color Support

    class selenium.webdriver.support.color.Color(red, green, blue, alpha=1) Bases: object Color conversi ...

  10. Android 文件存储 和 权限管理

    转载请标明出处: :http://blog.csdn.net/huaiyiheyuan/article/details/52473984 android SD卡主要有两种存储方式 Internal . ...