澳门新葡萄京娱乐场 2

kindSoft在线网页编辑器简单的配置参数介绍

对此网页编辑器对做项目标时候是十二分的又用的八个编辑器,大大的减轻了开荒人士的担当,认为KindSoft是三个不利的抉择,因此也在任何时间任何地方的使用。下直面部分简约的配置举行总结一下
首先是将下载的KindSoft文件导入到项指标目录下; 复制代码 代码如下:script
src=”../Content/kindeditor-4.1.4/kindeditor-all.js”
type=”text/javascript”/script script
src=”../Content/kindeditor-4.1.4/lang/zh_CN.js”
type=”text/javascript”/script那三个援用在xx.aspx文件的Head部分
接下来插入下边包车型客车一段代码: 复制代码
代码如下:script var editor; Kind艾德itor.ready(function(K卡塔尔国 { editor =
K.create(‘#tbContent’卡塔尔(قطر‎; }卡塔尔国;
/scripttbContent是要松手的Input标签的id值,呵呵嘿嘿、、兴奋就应际而生了;如下图所示:
可是假诺要举行图片、flash或然录制的上传的话,你就能够很压抑了,非常多时候都会因为上传路线不对而失误,由此你供给设置你的图纸、flash只怕录制文件的门道;只需将下边一段代码改为如下一些则足以知足基本的要求了:
复制代码 代码如下: script
language=”javascript” type=”text/javascript” KindEditor.ready(function
(KState of Qatar { K.create(‘#tbContent’, { uploadJson:
‘../Content/kindeditor-4.1.4/asp.net/upload_json.ashx’,
fileManagerJson:
‘../Content/kindeditor-4.1.4/asp.net/file_manager_json.ashx’,
allowFileManager: true }卡塔尔; }卡塔尔国;
上面标识颜色的部分应该依据本人的文书路线选拔切合的门径;
最后就是关于编辑器中的控件并非温馨所急需的,所以您要求在如下的门道实行计划:
张开kindeditor-4.1.4,找到kindeditor.js文件,双击就去,然后找到在246页左右,就有一个Items,在随后又如下的安排参数:
复制代码 代码如下: [ ‘source’, ‘|’,
‘undo’, ‘redo’, ‘|’, ‘preview’, ‘print’, ‘template’, ‘code’, ‘cut’,
‘copy’, ‘paste’, ‘plainpaste’, ‘wordpaste’, ‘|’, ‘justifyleft’,
‘justifycenter’, ‘justifyright’, ‘justifyfull’, ‘insertorderedlist’,
‘insertunorderedlist’, ‘indent’, ‘outdent’, ‘subscript’, ‘superscript’,
‘clearhtml’, ‘quickformat’, ‘selectall’, ‘|’, ‘fullscreen’, ‘/’,
‘formatblock’, ‘fontname’, ‘fontsize’, ‘|’, ‘forecolor’, ‘hilitecolor’,
‘bold’, ‘italic’, ‘underline’, ‘strikethrough’, ‘lineheight’,
‘removeformat’, ‘|’, ‘image’, ‘multiimage’, ‘flash’, ‘media’,
‘insertfile’, ‘table’, ‘hr’, ’emoticons’, ‘baidumap’, ‘pagebreak’,
‘anchor’, ‘link’, ‘unlink’, ‘|’, ‘about’ ] 参数的解释如下
sourceHTML代码preview预览undo后退redo前行cut剪切copy复制paste粘贴plainpaste粘贴为无格式文本wordpaste从Word粘贴selectall全选justifyleft左对齐justifycenter居中justifyright右对齐justifyfull两端对齐insertorderedlist编号insertunorderedlist项目的识indent扩充缩进outdent缩短缩进subscript下标superscript上标formatblock段落fontname字体fontsize文字大小forecolor文字颜色hilitecolor文字背景bold粗体italic斜体underline下划线strikethrough删除线removeformat删除格式image图片flashFlashmedia视音频table表格hr插入横线emoticons插入表情link一级链接unlink废除拔尖链接fullscreen全屏呈现about关于print打字与印刷code插入程序代码mapGoogle地图baidumap百度地图lineheight行距clearhtml清理HTML代码pagebreak插入分页符quickformat一键排版insertfile插入文件template插入模板anchor插入锚点

澳门新葡萄京娱乐场,1、将解压后的“KindEditor”文件夹复制到项目标根目录(此KindEditor文件夹已经经过优化)

下载地址为:

2、在<head>标签中引进KindEditor外界样式表文件和必备的外表js文件。如下所示:

<!–引进样式表–>

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

<link rel=”stylesheet” href=”../kindeditor/plugins/code/prettify.css”
/>

<!–引进外界的js文件–>

<script type=”text/javascript” charset=”utf-8″
src=”../kindeditor/plugins/code/prettify.js”></script>

<script type=”text/javascript” charset=”utf-8″
src=”../kindeditor/kindeditor-min.js”></script>

<script type=”text/javascript” charset=”utf-8″
src=”../kindeditor/lang/zh_CN.js”></script>

3、插入多行文本框服务器控件(Textbox,注意将其性质TextMode设为MutiLine),爆发的号子如下所示: 

<asp:TextBox ID=”txtCont” runat=”server” TextMode=”MultiLine”
Rows=”5″></asp:TextBox>

切记那么些控件的ID,在下一步的js代码里要选择

4、在<head>标志里插入<script>标志并写js 代码

<!–运行KindEditor插件,将惯常多行文本框形成富文本–>

<script type=”text/javascript”>

KindEditor.ready(function {

var editor1 = K.create(‘#txtCont‘,
{//注意此处的ID和上一步的ID保持一致

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

uploadJson: ‘../kindeditor/asp.net/upload_json.ashx’,

fileManagerJson: ‘../kindeditor/asp.net/file_manager_json.ashx’,

allowFileManager: true,

afterCreate: function() {

var self = this;

K.ctrl(document, 13, function() {

self.sync();

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

});

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

self.sync();

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

});

}

});

prettyPrint();

});

</script>

5、将“kindeditorasp.netbinLitJSON.dll”文件复制到项目根目录下“bin”目录中。

表明:“LitJSON.dll”是叁个编写翻译过的次第集文件,只有在它的补助下,大家才干采取上传图片等高端功用。

6、在aspx文件的开头的Page指令里扩充壹性格能:ValidateRequest=”false”

与上述同类做的目标便是足以交到带标识的开始和结果,如若不加该属性,系统依据安全性寻思,会幸免这种不法的央求。

7、完成

测量检验一下,表情、上传图片、链接、地图、摄像等。如果成功,给本身点个赞!

澳门新葡萄京娱乐场 1

澳门新葡萄京娱乐场 2

发表评论

电子邮件地址不会被公开。 必填项已用*标注