html中加入KindEditor除了引入js文件还要怎么实现

530514414 2014-11-12 09:42:47

就像这样的效果的

...全文

1957 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

暖枫无敌 2014-11-24

打赏
举报

再给你个kindeditor相关的js文件 http://download.csdn.net/detail/taomanman/8177061

暖枫无敌 2014-11-19

打赏
举报

配置参数你可以自己定义，多余的你去掉不就OK啦

暖枫无敌 2014-11-19

打赏
举报

可以啊，直接给你代码吧


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="kindeditor.aspx.cs" Inherits="demo_kindeditor" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>kindeditor简单模式</title>
    <link href="../js/kindeditor/themes/default/default.css" rel="stylesheet" type="text/css" />
    <link href="../js/kindeditor/plugins/code/prettify.css" rel="stylesheet" type="text/css" />
    <script src="../js/kindeditor/kindeditor.js" type="text/javascript"></script>
    <script src="../js/kindeditor/lang/zh_CN.js" type="text/javascript"></script>
    <script src="../js/kindeditor/plugins/code/prettify.js" type="text/javascript"></script>
    <script type="text/javascript">
        KindEditor.ready(function (K) {
            var editor1 = K.create('#tbContent', {
                cssPath: '../js/kindeditor/plugins/code/prettify.css',
                uploadJson: '../js/kindeditor/upload_json.ashx',
                fileManagerJson: '../js/kindeditor/file_manager_json.ashx',
                allowFileManager: true,
                items: [
						 'forecolor', '|', 'emoticons', 'multiimage', 'link'],
                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>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <textarea id="tbContent" cols="100" rows="15" style="width: 100%; height: 290px;
            visibility: hidden;" runat="server"></textarea>
    </div>
    </form>
</body>
</html>

有图有真相：

530514414 2014-11-16

打赏
举报

试了官网的都试了就是不好使

暖枫无敌 2014-11-13

打赏
举报

详细可参考KindEditor官方帮助： http://kindeditor.net/demo.php

暖枫无敌 2014-11-13

打赏
举报

kindeditor中的工具可以自己设置，参考：


<script>
			var editor;
			KindEditor.ready(function(K) {
				editor = K.create('textarea[name="content"]', {
					resizeType : 1,
					allowPreviewEmoticons : false,
					allowImageUpload : false,
					items : [
						'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
						'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
						'insertunorderedlist', '|', 'emoticons', 'image', 'link']
				});
			});
		</script>

530514414 2014-11-12