kindedit

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Default Examples</title>
    <style>
        form
        {
            margin: 0;
        }
        textarea
        {
            display: block;
        }
    </style>
    <link rel="stylesheet" href="http://kindeditor.net/ke4/themes/default/default.css" />
    <script charset="utf-8" src="http://kindeditor.net/ke4/kindeditor-min.js"></script>
    <script charset="utf-8" src="http://kindeditor.net/ke4/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=getText]‘).click(function (e) {
                alert(editor.text());
            });
            K(‘input[name=setHtml]‘).click(function (e) {
                //设置HTML
                editor.html(‘<h3>Hello KindEditor</h3>‘);
            });
            K(‘input[name=setText]‘).click(function (e) {
                //设置文本
                editor.text(‘<h3>Hello KindEditor</h3>‘);
            });
        });
    </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="getText" value="取得文本(包含img,embed)" />
        <br />
        <input type="button" name="setHtml" value="设置HTML" />
        <input type="button" name="setText" value="设置文本" />
    </p>
    </form>
</body>
</html>
时间: 2024-10-08 02:19:13

kindedit的相关文章

kindedit编辑器修改图片上传限制方法

修改这个编辑器的图片上传大小限制,有时我们修改了很多参数,都不管用,如修改multiimage.js修改了其中的上传配置参数还是传不上图片 后来经过魅力网络的测试,通过批量查找代码查询max_size找到一个文件upload_json.php 看见参数 我在最大文件大小这 后面加了一个0 果然可以上传大于1M的图片了 解决这个问题,河北魅力网络有经验,有什么不懂的也可以问我.

MVC KindEdit

先将下载的KindEditor放到项目中 View页面 <!DOCTYPE html><html><head>    <meta name="viewport" content="width=device-width" />    <title>Index</title>    @Scripts.Render("~/bundles/kindeditor")    //MVC4

kindeditor使用

1)调用kindeditor图片上传: <script> //这里是编辑器 var editor; KindEditor.ready(function (K) { editor = K.create('textarea[name="content"]', { allowFileManager: true, resiseMode: 1 }); //这里是监听按钮点击事件 然后在初始化点击按钮弹窗上传图片的基本配置 K('#image').click(function () {

PHP对表单提交特殊字符的过滤和处理

函数名  释义  介绍 htmlspecialchars 将与.单双引号.大于和小于号化成HTML格式 &转成& "转成"' 转成'<转成<>转成> htmlentities() 所有字符都转成HTML格式 除上面htmlspecialchars字符外,还包括双字节字符显示成编码等. addslashes 单双引号.反斜线及NULL加上反斜线转义 被改的字符包括单引号 (').双引号 (").反斜线 backslash (/) 以及空字

easyui编辑器(kindeditor-4.1.10)

//1  重写kindedit    -建一个js文件 easyui_kindeditor.js (function ($, K) { if (!K) throw "KindEditor未定义!"; function create(target) { var opts = $.data(target, 'kindeditor').options; var editor = K.create(target, opts); $.data(target, 'kindeditor').opti

(译文)A/B测试从入门到熟练指南

(译文)A/B测试从入门到熟练指南 原文地址: http://www.smashingmagazine.com/2014/07/11/roadmap-to-becoming-an-a-b-testing-expert/ A/B测试,也叫做分离测试(也有叫做对比测试的),这是一种针对观察页面布局相似的两个不同版本着陆页的转化率, 来进行对比的点蚀测试方法(抽样测试法). A/B测试是通过观察和测试用户使用过程,找到最快捷引导用户到目标页面的着陆页版本.比如注册或者订阅网站信息的引导页面. 测试的内