kindeditor简单使用

最新推荐文章于 2024-11-10 08:43:33 发布

weixin_30404405

最新推荐文章于 2024-11-10 08:43:33 发布

阅读量48

点赞数

文章标签： java javascript ViewUI

原文链接：http://www.cnblogs.com/holdon521/p/4332074.html

版权

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <base href="<%=basePath%>">
        <title>My JSP 'aa.jsp' starting page</title>
        <link rel="stylesheet" href="/flowctrl/js/kindeditor/default.css"
            type="text/css"></link>
        <script type="text/javascript"
            src="/flowctrl/js/kindeditor/kindeditor-min.js"></script>
        <script type="text/javascript" src="/flowctrl/js/kindeditor/zh_CN.js"></script>
        <script type="text/javascript"
            src="/flowctrl/easyui/jquery-1.8.0.min.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <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']
                });
                K('input[name=getText]').click(function(e) {
                    var aa = encodeURI(editor.html(),"UTF-8"); 
                     $.ajax({
                        url:"/flowctrl/saveMessageAction.do",
                        type: "get",
                        data:{message:aa},
                        contentType: "application/x-www-form-urlencoded; charset=utf-8",
                        dataType: "text",
                        success: function(data){
                              alert("发布成功!");
                              $("#content").html("");
                         },
                        error: function(data){
                             alert("发布失败！");
                         }
                     });
                });
            });
    </script>
    </head>

    <body>
        <div align="center">
            <h2 style="color: ">
                流控系统公告消息发布
            </h2>
            <form>
                <textarea name="content" id="content" idd
                    style="width: 700px; height: 200px; visibility: hidden;">注意：</textarea>
                <input type="button" id="send" name="getText" value="发布" />
            </form>
        </div>
    </body>
</html>