Heim  >  Artikel  >  Java  >  Grafisches Tutorial zur Verwendung des Ueditor-Editors

Grafisches Tutorial zur Verwendung des Ueditor-Editors

巴扎黑
巴扎黑Original
2017-07-20 10:33:411731Durchsuche

Heute habe ich am Baidu Rich Text Editor gearbeitet und bin auf einige Probleme gestoßen:

(1) jQuery wird nicht in Anführungszeichen gesetzt: Zitieren Sie jQuery und setzen Sie es vor alle js

(2) Es wird kein Fehler gemeldet, aber der Stil kann nicht angezeigt werden. Lösung: Der vom CSS referenzierte Pfad ist falsch. Manchmal können Sie durch Drücken von Strg + linker Maustaste zum CSS springen, der Stil wird jedoch immer noch nicht angezeigt, was bedeutet, dass der Pfad des CSS falsch ist Warum, ich verstehe es jetzt nicht.

(3) Nach der Lösung der oben genannten Probleme kann der Effekt erzielt werden

(4) Folgendes ist erreicht Der Code sowie das Projektverzeichnis werden unten aufgezeichnet, sodass das gleiche Problem in Zukunft auftreten wird

<%@ 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 'index.jsp' starting page</title>
    
    <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 rel="stylesheet" type="text/css" href="styles.css?1.1.11">
    -->
     
    <link href="css/um_default/css/umeditor.css?1.1.11" rel="stylesheet" type="text/css" />
    <link href="css/um_default/css/umeditor.css?1.1.11" rel="stylesheet" type="text/css" />
    
    <script type="text/javascript" src="/js/jquery-2.0.3.min.js?1.1.11"></script>
    <script type="text/javascript" src="/js/umeditor/umeditor.config.js?1.1.11"></script>
    <script type="text/javascript" src="/js/umeditor/umeditor.min.js?1.1.11"></script>
    <script type="text/javascript" src="/js/umeditor/lang/zh-cn/zh-cn.js?1.1.11"></script> 
  </head>
  
  <body>
   <script type="text/plain" id="myEditor" style="margin-left: 15px;min-width:620px;min-height:250px;">
   </script>
  </body>
  <script type="text/javascript">
  var um1 = UM.getEditor('myEditor', {
                autoHeight : true,
                initialFrameWidth : 620});  </script>
</html>

Das obige ist der detaillierte Inhalt vonGrafisches Tutorial zur Verwendung des Ueditor-Editors. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn