kindeditor用法簡單介紹(轉)

1,首先去官網下載http://www.kindsoft.net/?

2,解壓之后如圖所示:

?

?

由于本人做的是用的是JSP,所以ASP,PHP什么的就用不上了,直接把那些去掉然后將整個文件夾扔進Myeclipse,如圖:

?

?

里面有個報錯,估計是我自己IDE的問題,沒有處理照常使用。

3,就可以開工寫JSP了,下面把自己的一個JSP的代碼貼出來,頁面代碼神馬的不太規范,湊合著當示例,能跑通就行;

<%@?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="css/layout.css">

<link?rel="stylesheet"?href="kindeditor/themes/default/default.css"?/>

<link?rel="stylesheet"?href="kindeditor/plugins/code/prettify.css"?/>

<script?charset="utf-8"?src="kindeditor/kindeditor.js">

</script>

<script?charset="utf-8"?src="kindeditor/lang/zh_CN.js">

</script>

<script?charset="utf-8"?src="kindeditor/plugins/code/prettify.js">

</script>

<script>

KindEditor.ready(function(K)?{

var?editor1?=?K.create('textarea[name="article.content1"]',?{

cssPath?:?'kindeditor/plugins/code/prettify.css',

uploadJson?:?'kindeditor/jsp/upload_json.jsp',

fileManagerJson?:?'kindeditor/jsp/file_manager_json.jsp',

allowFileManager?:?true,

afterCreate?:?function()?{

var?self?=?this;

K.ctrl(document,?13,?function()?{

self.sync();

document.forms['example'].submit();

});

K.ctrl(self.edit.doc,?13,?function()?{

self.sync();

document.forms['example'].submit();

});

}

});

prettyPrint();

});

</script>

</head>

?

<body>

<div?id="container">

<div?id="header">

</div>

<div?id="menu">

<ul>

<li>

<a?href="main.jsp">首頁</a>

</li>

<li>

<a?href="jsp/update_password.jsp">個人信息</a>

</li>

<li>

<a?href="jsp/article_add.jsp">提交論文</a>

</li>

<li>

<a?href="article_returnList.action">審批論文</a>

</li>

<li>

<a?href="#">后臺管理</a>

</li>

</ul>

</div>

<div?id="mainContent">

?

<form?name="example"?method="post"?action="article_add.action">

題目:

<input??type="text"?name="article.title">

<br?/>

內容:

<textarea?name="article.content1"?cols="100"?rows="8"

></textarea>

<br?/>

<input?type="submit"?name="button"?value="提交"?/>

(提交快捷鍵:?Ctrl?+?Enter)

</form>

</div>

<div?id="footer">

Copyright?2012?by?Lai?Xuansi.

</div>

</div>

</body>

</html>

?

?

?

5,關于數據庫和上傳本地圖片問題

Kindeditor對于上傳的圖片神馬的會默認保存在attached文件夾中,至于數據庫字段中存儲的只是圖片的地址,所以將內容讀取出來的時候,只要讀取數據庫字段中的內容就會自動將文本和圖片等一起顯示出來了,很好很強大!要注意的就是讀取數據庫出來之后要將地址轉換成HTML代碼才能正確顯示,這個工作很簡單,只要:<s:property?value="article.content1"?escape="false"?/>將escape="false"?就OK了。

分類:?Java

轉載于:https://www.cnblogs.com/ziyandeyanhuo/p/7877556.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/256457.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/256457.shtml
英文地址,請注明出處:http://en.pswp.cn/news/256457.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

hadoop 分片與分塊,map task和reduce task的理解

分塊&#xff1a;Block HDFS存儲系統中&#xff0c;引入了文件系統的分塊概念&#xff08;block&#xff09;&#xff0c;塊是存儲的最小單位&#xff0c;HDFS定義其大小為64MB。與單磁盤文件系統相似&#xff0c;存儲在 HDFS上的文件均存儲為多個塊&#xff0c;不同的是&#…

SOLIDWORKS——參數化建模

https://www.sohu.com/a/259742200_100042821 知識點&#xff1a;投影曲線、曲面填充、掃描、外觀設置 建模步驟 1.先在工具——方程式里輸入一個直徑的變量A120 。 2.在前視基準面上草繪圓&#xff0c;畫一條直徑。直徑等于變量A。 3.旋轉&#xff0c;選擇粉色區域。 4.上視…

Arch 常用工具

一、網絡瀏覽pacman -S firefox firefox-i18n注&#xff1a;該命令中的前者為 Firefox 主程序,后者為語言包。pacman -S opera二、圖像編輯pacman -S gimp #圖像編輯軟件首選 GIMPpacman -S inkscape #矢量圖形編輯軟件Inkscapepacman -S scrot #…

Androd安全——反編譯技術完全解析

0&#xff0e;前言單純從技術角度上來講&#xff0c;掌握反編譯功能確實是一項非常有用的技能。另外既然別人可以反編譯程序&#xff0c;我們當然有理由應該對程序進行一定的保護&#xff0c;因此代碼混淆也是我們必須要掌握的一項技術。看完此篇如果對代碼混淆也感興趣&#x…

python——shape 與reshape

轉載自:https://blog.csdn.net/u010916338/article/details/84066369 shape()和reshape()都是數組array中的方法 numpy中reshape函數的三種常見相關用法 numpy.arange(n).reshape(a, b) 依次生成n個自然數&#xff0c;并且以a行b列的數組形式顯示np.arange(16).reshape(2,…

誤刪了microsoft visual c++后如何正常運行matlab

誤刪了microsoft visual c后如何正常運行matlab 本人在卸載visual studio2013的時候&#xff0c;因為這個軟件卸載的過程中出現一些問題&#xff0c;誤將visual c當成VS的組件一同刪除了。但是在打開matlab 時發現出錯&#xff0c;matlab打開后會出現下面的界面。 出現這個問題…

iScreenLocker 3.1.8 安卓鎖屏通知--蘋果一樣的體驗

*軟件介紹:蘋果鎖屏通知(iScreenLocker)是一款android上ios風格的鎖屏軟件。它顛覆安智通知設計&#xff0c;將原來狀態欄的通知搬到鎖屏界面上來&#xff0c;能夠在桌面輕松收發短信,微博,微信等消息。它獨有的消息喚醒功能。能使手機從待機界面喚醒而消耗非常少的電量。手指輕…

JSP慕課網階段用戶登錄小例子(不用數據庫)

getAttribute和setAttribute一起使用&#xff0c;而getParameter用于取得如request傳來的參數。 Web是請求/響應架構的使用&#xff0c;而request和response就是在服務器端生成的相應的兩個對象&#xff0c;request能夠獲取客戶端傳遞的參數及相關的一些信息&#xff0c;而resp…

機器學習python——python基礎

目錄 1、常用庫 2、shape與reshape&#xff0c;dtype 3、range、arange、linspace、logspace 4、數組的計算、切片 5、繪圖基本設置 6.三維繪圖 1、常用庫 numpy、scipy、matplotlib、math 2、shape與reshape&#xff0c;dtype https://blog.csdn.net/qq_45769063/arti…

win10環境下如何給visual studio 2013永久配置opencv3.1.0環境

win10環境下如何給visual studio 2013永久配置opencv3.1.0環境 本人在給visual studio 2013配置opencv 環境下遇到過一些問題&#xff0c;比如配置不成功或者不能永久配置opencv環境。先將自己的配置經驗分享于此&#xff0c;希望同道中的好友可以用上。 首先自行下載Visual s…

屬性名、變量名與 內部關鍵字 重名 加

procedure TForm4.btn3Click(Sender: TObject); varMyQj: TQJson;MyPrinter: TPrinter; beginMyQj : TQJson.Create;tryMyPrinter.name : A號打印機;MyPrinter.status : enabled;MyPrinter.&type : yes;MyQj.FromRecord<TPrinter>(MyPrinter);Memo1.Lines.Add(MyQj.A…

機器學習——支持向量機SVM之線性模型

目錄 一、沒有免費的午餐定理 二、支持向量機SVM&#xff08;support vector machine&#xff09; 1、線性模型和非線性模型 2、如何在線性模型中畫出一條直線&#xff08;優化過程——vplink&#xff09; 1&#xff09;多少條&#xff1f; 2&#xff09;如何畫出最好的直…

Oauth2.0和1.0區別

1.0的授權分3步, A)客戶端到授權服務器請求一個授權令牌(request token&secret) B)引導用戶到授權服務器請求授權 C)用訪問令牌到授權服務器換取訪問令牌(access token&secret) D)用訪問令牌去訪問得到授權的資源 2.0的用戶授權過程有2步&#xff0c; A)引導用戶到授權…

選導師,定方向

選導師&#xff0c;定方向。 看文獻看到9.40&#xff0c;實在是看不下去&#xff0c;索性寫一些自己這近兩年來的研究生生涯的一些感悟&#xff0c;希望對還在迷茫中的你們有一點點的啟示&#xff08;如果談不上啟示&#xff0c;那就當給你們一點安慰&#xff09;。 ** 選導師…

在apache中設置訪問目錄后進入的默認頁面為index.php

找到apache的配置文件httpd.conf后找到 DirectoryIndex index.html index.php 在其中添加index.php, 轉載于:https://www.cnblogs.com/itdi/p/5844517.html

spring@PropertySource用法

v測試例子 package com.hjzgg.auth.config;import org.springframework.beans.factory.annotation.Autowired; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.context.annot…

機器學習——支持向量機SVM之非線性模型(低維到高維映射)

目錄 一、非線性模型的最優化問題 1、非線性模型最優化模型 2、兩個概念 1&#xff09;正則項&#xff08;regularization term&#xff09; 2&#xff09;調參參數 2、高維映射 1&#xff09;定義及作用 2&#xff09;高維映射后的最優化模型 3&#xff09;異或問題&…

html表單中get與post之間的區別

當用戶在 HTML 表單 (HTML Form) 中輸入信息并提交之后&#xff0c;有兩種方法將信息從瀏覽器傳送到 Web 服務器 (Web Server)。 一種方法是通過 URL&#xff0c;另外一種是在 HTTP Request 的 body 中。 前一種方法&#xff0c;我們使用 HTML Form 中的 method "get&quo…

世界坐標系,攝像機坐標系、圖像坐標系關系匯總

**攝像機標定&#xff1a;**在計算機視覺研究領域&#xff0c;攝像機標定是一個重要的環節。攝像機標定就是求取攝像機內外參數的過程。 世界坐標系&#xff1a;絕對坐標系&#xff0c;一般的三維場景都由這個坐標系來表示。攝像機可以放置在環境中的任何位置&#xff0c;因此可…

SpringMVC-HelloWorld

2&#xff0e;5、Hello World入門 2.5.1、準備開發環境和運行環境&#xff1a; ☆開發工具&#xff1a;eclipse ☆運行環境&#xff1a;tomcat6.0.20 ☆工程&#xff1a;動態web工程&#xff08;springmvc-chapter2&#xff09; ☆spring框架下載&#xff1a; spring-framework…