kindeditorasp配置_php配置详解

kindeditorasp配置_php配置详解KindEditor工具栏配置:第一种:打开KindEditor目录下的kindeditor.js文件,搜索items:,可以看到所有的工具栏按钮都在这里定义成一个数组。删除你不需要的按钮即可,不过这样的操作将影响所有调用该编辑器的页面。第二种:如果在create方法内尚未对其items进行任何指定,那么就会默认继承kindeditor.js内的items的配置,也就是全部菜单。当我们在cr…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

KindEditor 工具栏配置:

第一种:

打开 KindEditor目录下的kindeditor.js文件, 搜索items:,可以看到所有的工具栏按钮都在这里定义成一个数组。删除你不需要的按钮即可,不过这样的操作将影响所有调用该编辑器的页面。

第二种:

如果在create方法内尚未对其items进行任何指定,那么就会默认继承kindeditor.js内的items的配置,也就是全部菜单。当我们在create方法内指定了items属性后就会值显示这里所配置的工具栏菜单。

KindEditor.ready(function(K) {

editor

= K.create(‘textarea[name=”content”]’, {

items:[“image”,

“multiimage”,”source”],

});

});

KindEditor 语言配置 及路径设置:

//没必要引入jquer类库!!!

//可不引入

必须引入!!!

KindEditor.ready(function(K)

{

editor

= K.create(‘textarea[name=”content”]’,

{ //name值必须于下方的textare 的name值相同!!!

//allowFileManager :

true, 引用全部组件

items:[ ‘source’,

‘|’, ‘undo’, ‘redo’, ‘|’, ‘preview’, ‘print’, ‘template’, ‘code’,

‘cut’, ‘copy’, ‘paste’],

langType

:[‘en’], //引用英文

urlType:’domain’,//设置图片为绝对路径!!! });

});

//编辑器调用方法

//注:只看黄色部分即可实现,全文为官网详细说明

1、

在需要显示编辑器的位置添加TEXTAREA输入框。

id在当前页面必须是唯一的值,还有,在有些浏览器上不设宽度和高度可能显示有问题,所以最好设一下宽度和高度。宽度和高

度可用inline样式设置,也可用编辑器初始化参数设置。

在TEXTAREA里设置HTML内容即可实现编辑,在这里需要注意的是,如果从服务器端程序(ASP、PHP、ASP.NET等)直接显示内容,

则必须转换HTML特殊字符(>,

textarea id=”editor_id”

name=”content” style=”width:700px;height:300px;”

HTML内容

/textarea>

在该HTML页面添加以下脚本。

KE.show({

id : ‘editor_id’

});

注:KE.show的原理是先执行KE.init设置一些变量,等DOM全部创建以后才开始执行KE.create创建编辑器。如果浏览器不触发

DOMContentLoaded事件(例如:jQuery的$.ready,点击某个按钮,通过innerHTML插入HTML等),则不能使用KE.show,需要直

接调用KE.init和KE.create。

KE.init({

id : ‘editor_id’

});

$.ready(function() {

KE.create(‘editor_id’);

});

取得编辑器的HTML内容。

KindEditor的可视化操作在新创建的iframe上执行,代码模式下的textarea框也是新创建的,所以最后提交前需要将HTML数据同

步到原来的textarea,KE.sync函数会完成这个动作。

KindEditor在默认情况下自动寻找textarea所属的form元素,找到form后onsubmit事件里添加KE.sync函数,所以用form方式提

交数据,不需要手动执行KE.sync函数。

//取得HTML内容

html = KE.html(‘editor_id’);

//同步数据后可以直接取得textarea的value

KE.sync(‘editor_id’);

html = document.getElementByIdx_x_x_x_x_x(‘editor_id’).value;

html = $(‘#editor_id’).val();

//jQuery

//设置HTML内容

KE.html(‘editor_id’, ‘HTML内容’);

菜单中code所表示的含义说明:

source:表示可以切换编辑器的编辑模式进入源代码HTML查看模式;

undo:表示后退,也就是我们常用的CTRL+Z快捷键功能;

redo:表示前进,也就是我们常用的CTRL+Y快捷键功能;

preview:表示预览,点击可以提前预览编辑器内的内容所展示的效果。

print:表示打印编辑器内的内容。

template:表示可以插入编辑器内的模板窗体;

code:表示可以插入代码段;

cut:表示剪切;

copy:表示复制,如同CTRL+C;

paste:表示粘贴,如同CTRL+V;

plainpaste:表示粘贴为无格式文本,主要是用于比如想赋值其他有HTML格式的纯文本进入编辑器,可以先在这里面进行HTML标签的过滤;

wordpaste:表示从WORD内粘贴;

justifyleft:表示选中文本居左;

justifycenter:表示选中文本居中;

justifyright:表示选中文本居右;

justifyfull:表示两端对齐;

insertorderedlist:表示编号(1、2、3);

insertunorderedlist:表示项目符号;

indent:表示增加缩进;

outdent:表示减少缩进;

subscript:表示下标;如同:X2

superscript:表示上标;如同:X2

clearhtml:表示清除HTML标签;

quickformat:表示快速排版;

selectall:表示全选;

fullscreen:表示全屏;

formatblock:表示段落;

fontname:表示字体;

fontsize:表示文字大小;

forecolor:表示文字颜色;

hilitecolor:表示文字背景色;

bold:表示文字加粗;

italic:表示文字斜体;

underline:表示给文字追加下划线;

strikethrough:表示给文字追加删除线;

lineheight:表示调整行距;

removeformat:表示删除选中段的格式;

image:表示单个上传图片;

multiimage:表示批量上传图片;

flash:表示插入flash;

media:表示插入音视频文件;

insertfile:表示插入文件;

table:表示插入表格;

hr:表示插入横线;

emoticons:表示插入表情;

baidumap:表示插入地图;

pagebreak:表示插入分页符;

anchor:表示插入锚点;

link:表示插入超链接;

unlink:表示取消超级链接;一般和link配合出现;

about:表示关于kindeditor编辑器的信息;

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/182720.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Linux网络抓包工具tcpdump[通俗易懂]

    Linux网络抓包工具tcpdump[通俗易懂]一、tcpdump介绍tcpdump是一个运行在命令行下的抓包工具。它允许用户拦截和显示发送或收到过网络连接到该计算机的TCP/IP和其他数据包。tcpdump适用于大多数的类Unix系统操作系统(如linux,BSD等)。二、安装&用法说明2.1、安装$yum-yinstalltcpdump2.2、用法说明tcpdump采用命令行方式,它的命令格式为tcpdump[-DenNqvX][-ccount][-Ffile][-iinterfac

    2022年8月22日
    4
  • android之发送短信的方法研究

    android中可以通过两种方式发送短信 第一:调起系统发短信功能;主要代码如下:Uri uri = Uri.parse(“smsto:10010”); Intent it = new Intent(Intent.ACTION_SENDTO, uri); it.putExtra(“sms_body”, “102”);

    2022年3月10日
    39
  • 激光测距的原理与应用[通俗易懂]

    激光测距的原理与应用[通俗易懂]激光,英文名称为LightAmplificationbyStimulatedEmissionofRadiation(简称LASER),意思为原子受激辐射的光,故称激光,激光的产生原理,是原子中的电子吸收能量后从低能级跃迁到高能级,再从高能级回落到低能级的时候,所释放的能量以光子的形式放出,被引诱(激发)出来的光子束(激光)。激光与普通光源相比,具有单色性、高亮度、方向性等优势,被广泛应用于工业生产和科研实验等各个领域,激光测距便是其中应用较为广泛的一项技术。1.激光测距技术的特点激光测距

    2022年6月2日
    36
  • st7789 旋转_玩转 ESP32 + Arduino(二十八) TFT_eSPI库驱动ST7789

    我们用到的库TFT_eSPI一.硬件接线这里我们使用了中景园的ST7789一般屏幕的引脚定义如下:接线:我们直接用VSPI接线ESP32引脚ST7789引脚功能GNDGND接地3V3VCC电源(VCLK)18SCLSPI时钟线(VMOSI)23SDASPI主出从入线26RES复位引脚27DC数据/命令选择线(VCS0)5CSSPI片选线没接BLK背光控制线如何在TFT_eSPI中设置引脚??…

    2022年4月9日
    1.1K
  • 关于各种无法解析的外部符号问题的相应解决方案

    关于各种无法解析的外部符号问题的相应解决方案在使用vs2008调试程序的过程中,经常会出现无法解析的外部符号问题,可能的原因有很多种,下面这些是我一年来积累的经验.仅供参考.考虑可能的原因:[0]出现无法解析可能是因为lib文件不正确,比如64位的编译配置,结果使用的是32位的lib包.[1]只写了类声明,但还没有写实现类,造成调用时无法解析[2]声明和定义没有统一,造成链接不一致,无法解析[3]没有在项目属性页的链接器的

    2022年6月28日
    38
  • 2022.01 激活码【最新永久激活】

    (2022.01 激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~2KLK…

    2022年4月1日
    70

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号