kindEditor PHP示例

文件自身调用

/*此处注意,上传文件是,请先创建对应的上传文件目录,配置在upload_json.php中,建议同时修改file_manager_json.php中相关配置*/

/*获取form表单传值*/

<?php

$htmlData = ‘‘;

if (!empty($_POST[‘content‘])) {

if (get_magic_quotes_gpc()) {

$htmlData = stripslashes($_POST[‘content‘]);

} else {

$htmlData = $_POST[‘content‘];

}

}

echo $htmlData;

?>

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

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

<script charset="utf-8" src="zh-CN.js"></script>

<script>

var editor;

KindEditor.ready(function(K) {

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

cssPath : ‘./plugins/code/prettify.css‘,

uploadJson : ‘./php/upload_json.php‘,

fileManagerJson : ‘./php/file_manager_json.php‘,

allowFileManager : true,

afterCreate : function() {

var self = this;

K.ctrl(document, 13, function() {                <!--指定函数绑定到ctrl + [key]组合键事件上-->

self.sync();

K(‘form[name=example]‘)[0].submit();

});

K.ctrl(self.edit.doc, 13, function() {

self.sync();

K(‘form[name=example]‘)[0].submit();

});

}

});

<!--常方法-->

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>

<form action="kindeditor.php" name="example" method="post">

<textarea id="editor_id" name="content" style="width:700px;height:300px;">

</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>

<input type="submit" name="button" value="提交内容" /> (提交快捷键: Ctrl + Enter)

</form>

</body>

</html>

更多帮助信息,参见http://kindeditor.net/docs/

时间: 2024-08-01 21:36:54

kindEditor PHP示例的相关文章

kindeditor官网异步加载示例无效,解决无法通过方法初始化编辑器

官网示例:http://kindeditor.net/ke4/examples/dynamic-load.html 项目中发现一个问题,kindeditor官网是通过 初始化编辑器,但是现在有个需求,通过点击一个按钮使文本域初始化为富文本编辑器,尝试了以下方式 但是点击按钮,完全没有效果. 官网虽然有相应的示例,但是官网上的example根本就跑不起来,not work! 后来发现 异步加载主要的问题是KindEditor.ready无法执行,修改成以下方式即可:

kindEditor

kindEditor 1 官网:http://kindeditor.net/doc.php 2 文件夹说明: ├── asp asp示例 ├── asp.net asp.net示例 ├── attached 空文件夹,放置关联文件attached ├── examples HTML示例 ├── jsp java示例 ├── kindeditor-all-min.js 全部JS(压缩) ├── kindeditor-all.js 全部JS(未压缩) ├── kindeditor-min.js 仅K

最近遇到的若干Web前端问题:disable和readonly,JqueryEasyUI,KindEditor

最近项目中用到了Jquery Easyui和KindEditor等框架组件,问题真不少啊~  一些看起来很简单理所当然的事情,竟然花费了不少时间,才解决好~  1.readonly和disable的区别  readonly:只读,不可编辑,提交表单时,值会提交到后端.  disable:禁止(包含了"只读"和"不可编辑"),提交表单时,值不会提交到后端.      如果需要提交到后端,在表单提交之前,手动把disable修改为false.    text叫只读,se

asp.net中两款文本编辑器NicEdit和Kindeditor

分类: C#/ASP.Net 2012-10-09 22:35 665人阅读 评论(0) 收藏 举报 文本编辑asp.nettextboxserveraspsafari 目录(?)[+] 做过Web开发的朋友相信都使用过富文本编辑器,比较出名的CuteEditor和CKEditor很多人应该已经使用过,在功能强大的同时需要加载的东西也变得很多.下面要推荐的两款富文本编辑器都是使用JS编写,使用简单,非常轻量级. NicEditor NicEdit是一个轻量级,跨平台的Inline Content

KindEditor编辑器在ASP.NET中的使用

最近做的项目中都有用到富文本编辑器,一直在寻找最后用的富文本编辑器,之前用过CKEditor,也用过UEditor,这次打算用 一下KindEditor. KindEditor简介: KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE.Firefox.Chrome.Safari.Opera等主流浏览器.KindEditor使用JavaScript编写,可以无缝的于Java..NET.PHP.ASP等程序接合. KindEditor非常适合

ASP.NET配置KindEditor文本编辑器

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

单独调用kindeditor的多图上传组件实现多图上传

本例是单独调用kindeditor多图上传的组件来进行多图上传,兼容性你懂得! 官方示例地址:http://kindeditor.net/ke4/examples/multi-image-dialog.html Html JS

在线编辑器KindEditor的使用

1.官网下载:点击进入 2.解压后目录说明 ├── asp asp示例 ├── asp.net asp.net示例 ├── attached 空文件夹,放置关联文件attached ├── examples HTML示例 ├── jsp java示例 ├── kindeditor-all-min.js 全部JS(压缩) ├── kindeditor-all.js 全部JS(未压缩) ├── kindeditor-min.js 仅KindEditor JS(压缩)不包含plugins的JS代码 ├

ASP.NET配置KindEditor文本编辑器-图文实例

1.什么是KindEditor KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框. KindEditor 使用 JavaScript 编写,可以无缝地与 Java..NET.PHP.ASP 等程序集成,比较适合在 CMS.商城.论坛.博客.Wiki.电子邮件等互联网应用上使用. 2.前期准备 到官网下载最新版的KindEditor 4.11