zoukankan      html  css  js  c++  java
  • ueditor编辑器和at.js集成

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%
    //禁止jsp解析${}
    %>
    <%@ page isELIgnored="true"%>
    <%
    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>at+ueditor整合</title>
    <meta http-equiv="x-ua-compatible" content="IE=Edge" />
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">

    <link href="<%=path %>/css/jquery.atwho.min.css" rel="stylesheet">
    <script src="<%=path%>/js/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8" src="<%=path%>/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="<%=path%>/ueditor/_examples/editor_api.js"></script>
    <script src="<%=path %>/js/jquery.caret.min.js" type="text/javascript"></script>
    <script src="<%=path %>/js/jquery.atwho.min.js" type="text/javascript"></script>
    <style type="text/css">
    .dkhs-edui {
    border: 1px solid #d4d4d4;
    }
    </style>
    <script type="text/javascript">
    $(function(){
    var at_config = {
    at: "@",
    data:['Peter', 'Tom', 'Anne', 'zhangsan', 'lisi', 'wangwu', 'laoliu', 'libai', 'dupu', 'xiaozhou'],
    limit: 20
    }

    var ue = UE.getEditor('mytextarea',{
    contextMenu:[],
    //focus时自动清空初始化时的内容
    autoClearinitialContent:true,
    //关闭字数统计
    wordCount:false,
    //关闭elementPath
    elementPathEnabled:false,
    });

    ue.addListener('ready', function(editor){
    $("#edui1").removeClass("edui-editor edui-default").addClass("dkhs-edui");
    $(this.document.body).atwho(at_config);
    });
    });
    </script>
    </head>
    <body>
    <textarea id="mytextarea" contenteditable="true">dd</textarea>
    </body>
    </html>

  • 相关阅读:
    进程,进程
    hmac和socketserver
    下载Eclipse、下载Java各个版本,来这里就对了
    Java循环语句怎么用?经典排序算法见真知
    CSS基本语法
    Html属性标签
    HTML标记大全参考手册
    composer 安装Laravel (win10)
    composer 安装(win)
    GIT
  • 原文地址:https://www.cnblogs.com/danson/p/4996686.html
Copyright © 2011-2022 走看看