Grafisches Tutorial zur Verwendung des Ueditor-Editors-javaLernprogramm-php.cn

Grafisches Tutorial zur Verwendung des Ueditor-Editors

巴扎黑

Freigeben： 2017-07-20 10:33:41

Original

1866 Leute haben es durchsucht

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>

Nach dem Login kopieren

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!