kindeditor 文本框编辑器 简单使用

在线api http://kindeditor.net/doc.php

下载js :http://kindeditor.net/down.php

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

<script type="text/javascript">
		var editoraa;
		KindEditor.ready(function(K) {
			editoraa = K.create('textarea[name="content"]', {
				resizeType : 1,
				allowPreviewEmoticons : false,
				allowImageUpload : false,
				items : [ 'preview', 'undo', 'redo', 'fontname', 'fontsize',
						'|', 'forecolor', 'hilitecolor', 'bold', 'italic',
						'underline', 'removeformat', '|', 'justifyleft',
						'justifycenter', 'justifyright', 'table',
						'insertorderedlist', 'insertunorderedlist', '|',
						'image', 'source', 'fullscreen' ]
			});
		});
		var editorbb;
		KindEditor.ready(function(K) {
			editorbb = K.create('#contentTemp2', {
				resizeType : 1,
				allowPreviewEmoticons : false,
				allowImageUpload : false,
				items : [ 'preview', 'undo', 'redo', 'fontname', 'fontsize',
						'|', 'forecolor', 'hilitecolor', 'bold', 'italic',
						'underline', 'removeformat', '|', 'justifyleft',
						'justifycenter', 'justifyright', 'table',
						'insertorderedlist', 'insertunorderedlist', '|',
						'image', 'source', 'fullscreen' ]
			});
		});
	</script>

<textarea name="content" id="content"

style="width: 605px; height: 300px; margin-top: 8px;"></textarea>

时间: 2024-08-24 19:37:38

kindeditor 文本框编辑器 简单使用的相关文章

KindEditor富文本框编辑器上传图片功能实现,基于java项目

1. HTML标签与jquery代码 <textarea id="editor_id" style="width: 200px; height: 200px;"></textarea> <script type="text/javascript" src="../js/jquery.min.js"></script> <script type="text/java

解决OneThink中无法异步提交kindeditor文本框中修改后的内容

最近在使用OneThink中自带的kindeditor编辑器的时候,保存草稿的时候,输入的内容总是不能够保存到后台.如下图 通过分析URL,发现原来content值为空 明明有值,为什么是空呢?但是如果不采用异步方式提交表单的话,则可以获取到输入值.开始一直以kindeditor为是ajax的问题,最后,查阅资料才知道原来是kindeditor的问题.因为在异步提交数据的时候,并没有将kindeditor中输入的值,同步到对应的文本框上.正确的做法是,当kindeditor失去焦点的时候,就进行

比较简单的解决键盘遮挡文本框的简单方法

1.首先需要在控制器的view中添加上一个scrollView,并遵循UITextFieldDelegate代理,并设置文本框的自身代理 2.添加手势监听 UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapTouch:)]; [self.scrollerView addGestureRecognizer:tap]; - (void)tapTou

富文本框编辑器 推荐kindeditor

官方:http://kindeditor.net/index.php

kindeditor富文本框使用方法

这周我一共使用了两个文本框编辑器!我的上一篇文档讲的是wangeditor这个编辑器,现在就来讲讲kindeditor这个编辑器! 首先还是去它的官网去下载脚本! http://kindeditor.net/demo.php 所做的操作和那个wangeditor编辑器差不多都是需要在你的HTML的<body>里面加上下面这段标签: 1 <textarea style="width: 98%;" rows="15" name="Conten

操作富文本框

富文本框常见的技术用到了Frame标签,并且在Frame里面实现了一个完整的HTML网页结构. 方法一: #!usr/bin/env python #-*- coding:utf-8 -*- """ @author: sleeping_cat @Contact : [email protected] """ #操作富文本框 from selenium import webdriver import unittest,traceback,time

webdriver高级应用- 操作富文本框

富文本框的技术实现和普通的文本框的定位存在较大的区别,富文本框的常见技术用到了Frame标签,并且在Frame里面实现了一个完整的HTML网页结构,所以使用普通的定位模式将无法直接定位到富文本框对象. 方法一:调用WebDriver的send_key()方法实现 #encoding=utf-8 from selenium import webdriver import unittest, time, traceback from selenium.webdriver.support.ui imp

jQuery实现点击文本框清除内容代码实例

jQuery实现点击文本框清除内容代码实例:本章节介绍一下文本框最简单的一个人性化措施,就是点击文本框的时候能够删除里面的提示文本.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title&g

CodeMirror编辑器文本框Textarea代码高亮插件,CodeMirror的简单实用例子

CodeMirror是一个用于编辑器文本框textarea代码高亮javascript插件,为各种编程语言实现关键字,函数,变量等代码高亮显示,丰富的api和可扩展功能以及多个主题样式,能满足您各种项目的需求. 最近项目中要求把得到的后端json数据如下图展示给客户,还需要可编辑的功能,于是就用到了CodeMirror这款插件,经过初步的探索,发现它主题样式非常靓丽,简单美观,效果图如下: 下面我就一步一步说明我的使用过程. 1.首先需要下载codemirror插件,先创建文件夹,下载插件 np