如题所述
å®ç½ä¸ä¸è½½å®æ´æºç å
ï¼è§£åå°ä»»æç®å½ï¼è§£ååçæºç ç®å½ç»æå¦ä¸æ示ï¼
_examplesï¼ç¼è¾å¨å®æ´çç示ä¾é¡µé¢
dialogsï¼å¼¹åºå¯¹è¯æ¡å¯¹åºçèµæºåJSæ件
themesï¼æ ·å¼å¾çåæ ·å¼æ件
php/jsp/.netï¼æ¶åå°æå¡å¨ç«¯æä½çåå°æ件ï¼æ ¹æ®ä½ éæ©çä¸ååå°çæ¬ï¼è¿éä¹ä¼ä¸åï¼è¿éåºè¯¥æ¯jsp,php,.net
third-partyï¼ç¬¬ä¸æ¹æ件(å æ¬ä»£ç é«äº®ï¼æºç ç¼è¾çç»ä»¶ï¼
editor_all.jsï¼_srcç®å½ä¸æææ件çæå æ件
editor_all_min.jsï¼editor_all.jsæ件çå缩çï¼å»ºè®®å¨æ£å¼é¨ç½²æ¶æéç¨
editor_config.jsï¼ç¼è¾å¨çé ç½®æ件ï¼å»ºè®®åç¼è¾å¨å®ä¾å页é¢ç½®äºåä¸ç®å½
æè ç½ä¸æç´¢å«äººé 置好çå®ä¾ï¼è¿æ ·èªå·±å°±ä¸ç¨æè ¾äºãæèªå·±å¼çï¼ç»ææè ¾äºå¥½ä¹ ï¼å·®ç¹æ³æ¾å¼äºï¼
æä¸è½½çæ¯å¼åç [1.2.5.1 .Net çæ¬] 2013å¹´4æ27æ¥ï¼ææ°çæ¬ã
ä¸ãé¨ç½²æ¹æ³
代ç ç»æå¾
第ä¸æ¥ï¼å¨é¡¹ç®çä»»ä¸æ件夹ä¸å»ºç«ä¸ä¸ªç¨äºåæ¾UEditorç¸å ³èµæºåæ件çç®å½ï¼æ¤å¤å¨é¡¹ç®æ ¹ç®å½ä¸å»ºç«ï¼èµ·å为ueditorï¼èªå·±å欢ï¼ã
第äºæ¥ï¼æ·è´æºç å ä¸çdialogsãthemesãthird-partyãeditor_all.jsåeditor_config.jså°ueditoræ夹ä¸ãå ¶ä¸ï¼é¤äºueditorç®å½ä¹å¤çå ¶ä½æ件åä¸ºå ·ä½é¡¹ç®æ件ï¼æ¤å¤æåä» ä¾ç¤ºä¾ã
第ä¸æ¥ï¼ä¸ºç®åèµ·è§ï¼æ¤å¤å°ä»¥æ ¹ç®å½ä¸çindex.php页é¢ä½ä¸ºç¼è¾å¨çå®ä¾å页é¢ï¼ç¨æ¥å±ç¤ºUEditorçå®æ´çææãå¨index.phpæ件ä¸ï¼é¦å å¯¼å ¥ç¼è¾å¨éè¦çä¸ä¸ªå ¥å£æ件ï¼ç¤ºä¾ä»£ç å¦ä¸ï¼
å¤å¶ä»£ç 代ç å¦ä¸:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ç¼è¾å¨å®æ´çå®ä¾</title>
<script type="text/javascript" src="ueditor/editor_config.js"></script>
<script type="text/javascript" src="ueditor/editor_all.js"></script>
第åæ¥ï¼ç¶åå¨index.phpæ件ä¸å建ç¼è¾å¨å®ä¾åå ¶DOM容å¨ãå ·ä½ä»£ç 示ä¾å¦ä¸ï¼
å¤å¶ä»£ç 代ç å¦ä¸:
<textarea name="åå°åå¼çkey" id="myEditor">è¿éåä½ çåå§åå 容</textarea>
<script type="text/javascript">
var editor = new UE.ui.Editor();
editor.render("myEditor");
//1.2.4以åå¯ä»¥ä½¿ç¨ä¸ä¸ä»£ç å®ä¾åç¼è¾å¨
//UE.getEditor('myEditor')
</script>
æåä¸æ¥ï¼ å¨/UETest/ueditor/ editor_config.jsä¸æ¥æ¾URLåéé ç½®ç¼è¾å¨å¨ä½ 项ç®ä¸çè·¯
å¤å¶ä»£ç 代ç å¦ä¸:
//强çæ¨è以è¿ç§æ¹å¼è¿è¡ç»å¯¹è·¯å¾é ç½®ï¼æ³¨æï¼ä¸é¢çUETestæ¯èæç®å½å称ï¼
URL= window.UEDITOR_HOME_URL||"/UETest/ueditor/";
è³æ¤ï¼ä¸ä¸ªå®æ´çç¼è¾å¨å®ä¾å°±å·²ç»é¨ç½²å°å±ä»¬ç项ç®ä¸äºï¼å¨æµè§å¨ä¸è¾å ¥http://localhost/UETest è¿è¡ä¸è¯è¯UE强大çåè½å§ï¼
åã注æäºé¡¹
1.å¨å¼ç¨editor_config.jsæ¶ï¼æ好å äºeditor_all.jså è½½ï¼å¦åç¹å®æ åµä¸å¯è½ä¼åºç°æ¥éã
2.å¦ææ³ç¼è¾å¨èµåå§å¼ï¼è¯·åè_examplesæ件çä¸äºä¾å代ç ï¼æè é 读å®æ¹ç»åºçæ档说æã
3. éè¦æ³¨æçæ¯ç¼è¾å¨èµæºæä»¶æ ¹è·¯å¾ãå®æ表示çå«ä¹æ¯ï¼ä»¥ç¼è¾å¨å®ä¾å页é¢ä¸ºå½åè·¯å¾ï¼æåç¼è¾å¨èµæºæ件ï¼å³dialogçæ件夹ï¼çè·¯å¾ãé´äºå¾å¤åå¦å¨ä½¿ç¨ç¼è¾å¨çæ¶ååºç°çç§ç§è·¯å¾é®é¢ï¼æ¤å¤å¼ºç建议大家使ç¨"ç¸å¯¹äºç½ç«æ ¹ç®å½çç¸å¯¹è·¯å¾"è¿è¡é ç½®ã"ç¸å¯¹äºç½ç«æ ¹ç®å½çç¸å¯¹è·¯å¾"ä¹å°±æ¯ä»¥ææ å¼å¤´çå½¢å¦"/UETest/ueditor/"è¿æ ·çè·¯å¾ã
æ¤å¤å¦æä½ ä½¿ç¨çæ¯ç¸å¯¹è·¯å¾,ä¾å¦"ueditor/"(ç¸å¯¹äºå¾è¡¨1è·¯å¾ç»æ)ï¼å¦æç«ç¹ä¸æå¤ä¸ªä¸å¨åä¸å±çº§ç页é¢éè¦å®ä¾åç¼è¾å¨ï¼ä¸å¼ç¨äºåä¸UEditorçæ¶åï¼å¯è½ä¸éç¨äºæ¯ä¸ªé¡µé¢çç¼è¾å¨ãå æ¤ï¼UEditoræä¾äºé对ä¸å页é¢çç¼è¾å¨å¯åç¬é ç½®çæ ¹è·¯å¾ï¼å ·ä½æ¥è¯´ï¼å¨éè¦å®ä¾åç¼è¾å¨ç页é¢æ顶é¨åä¸å¦ä¸ä»£ç å³å¯ã
å½ç¶ï¼éè¦ä»¤æ¤å¤çURLçäºå¯¹åºçé ç½®ãwindow.UEDITOR_HOME_URL ="/xxxx/xxxx/";
ä¾å¦ï¼æ ¹æ®å¾è¡¨1çç®å½ç»æ
å¦æä½ å¨index.aspxé使ç¨ç¼è¾å¨ï¼é£ä¹å¨editor_config.jséæä¸è¾¹çvar URLå°±æ¹æ var URL = "/UETest/ueditor/"
äºã常è§é®é¢
1.ä¹±ç
å¦æè¿è¡æåäºï¼èåºç°ä¹±ç çè¯ï¼è¯·æ£æ¥ä½ çç¼ç æ¹å¼ãUEditorå¼ç¨çèæ¬å¸¦æç¼ç æ¹å¼åmetaæ ç¾ãæä¸è½½çæ¯utf-8çï¼è¿è¡èµ·æ¥å°±åºç°äºä¹±ç ï¼ææå¼ç¨çèæ¬ä¸çcharset="utf-8" å»æ就没æé®é¢äºã
2.ä¸ä¼ å¾çåºé
å¦æä¸ä¼ å¾çåºç°çº¢è²çååï¼æè ä¸ä¼ å°ä¸å没æååºãænetæ件夹ï¼PHPè¯è¨å¯¹åºçæ¯phpï¼èJSPè¯è¨å¯¹åºçæ¯jspï¼ä¸é¢çweb.configå é¤ï¼åå æ¯å®éé¢ä½¿ç¨.net 4.0çé ç½®ï¼è3.5å以ä¸ççæ¬å°±ä¼æé®é¢ï¼å é¤ä¸ä¼æå½±åã
å ãæåï¼éä¸æç代ç
å¤å¶ä»£ç 代ç å¦ä¸:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test2.aspx.cs" Inherits="Test2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>UEditoræµè¯</title>
<script src="ueditor/editor_config.js" type="text/javascript"></script>
<script src="ueditor/editor_all.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server" Width="500px" Height="300px" TextMode="MultiLine"></asp:TextBox>
<script type="text/javascript">
UE.getEditor('TextBox1',{
//è¿éå¯ä»¥éæ©èªå·±éè¦çå·¥å ·æé®å称,æ¤å¤ä» éæ©å¦ä¸äºä¸ª
toolbars:[
['fullscreen', 'source', '|', 'undo', 'redo', '|',
'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch','autotypeset','blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist','selectall', 'cleardoc', '|',
'rowspacingtop', 'rowspacingbottom','lineheight','|',
'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
'directionalityltr', 'directionalityrtl', 'indent', '|',
'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|','touppercase','tolowercase','|',
'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright','imagecenter', '|',
'insertimage', 'emotion','scrawl', 'insertvideo','music','attachment', 'map', 'gmap', 'insertframe','highlightcode','webapp','pagebreak','template','background', '|',
'horizontal', 'date', 'time', 'spechars','snapscreen', 'wordimage', '|',
'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', '|',
'print', 'preview', 'searchreplace','help']
],
//focusæ¶èªå¨æ¸ 空åå§åæ¶çå 容
autoClearinitialContent:true,
//å ³éåæ°ç»è®¡
wordCount:false,
//å ³éelementPath
elementPathEnabled:false
//æ´å¤å ¶ä»åæ°ï¼è¯·åèeditor_config.jsä¸çé 置项
})
</script>
</div>
</form>
</body>
</html>
_examplesï¼ç¼è¾å¨å®æ´çç示ä¾é¡µé¢
dialogsï¼å¼¹åºå¯¹è¯æ¡å¯¹åºçèµæºåJSæ件
themesï¼æ ·å¼å¾çåæ ·å¼æ件
php/jsp/.netï¼æ¶åå°æå¡å¨ç«¯æä½çåå°æ件ï¼æ ¹æ®ä½ éæ©çä¸ååå°çæ¬ï¼è¿éä¹ä¼ä¸åï¼è¿éåºè¯¥æ¯jsp,php,.net
third-partyï¼ç¬¬ä¸æ¹æ件(å æ¬ä»£ç é«äº®ï¼æºç ç¼è¾çç»ä»¶ï¼
editor_all.jsï¼_srcç®å½ä¸æææ件çæå æ件
editor_all_min.jsï¼editor_all.jsæ件çå缩çï¼å»ºè®®å¨æ£å¼é¨ç½²æ¶æéç¨
editor_config.jsï¼ç¼è¾å¨çé ç½®æ件ï¼å»ºè®®åç¼è¾å¨å®ä¾å页é¢ç½®äºåä¸ç®å½
æè ç½ä¸æç´¢å«äººé 置好çå®ä¾ï¼è¿æ ·èªå·±å°±ä¸ç¨æè ¾äºãæèªå·±å¼çï¼ç»ææè ¾äºå¥½ä¹ ï¼å·®ç¹æ³æ¾å¼äºï¼
æä¸è½½çæ¯å¼åç [1.2.5.1 .Net çæ¬] 2013å¹´4æ27æ¥ï¼ææ°çæ¬ã
ä¸ãé¨ç½²æ¹æ³
代ç ç»æå¾
第ä¸æ¥ï¼å¨é¡¹ç®çä»»ä¸æ件夹ä¸å»ºç«ä¸ä¸ªç¨äºåæ¾UEditorç¸å ³èµæºåæ件çç®å½ï¼æ¤å¤å¨é¡¹ç®æ ¹ç®å½ä¸å»ºç«ï¼èµ·å为ueditorï¼èªå·±å欢ï¼ã
第äºæ¥ï¼æ·è´æºç å ä¸çdialogsãthemesãthird-partyãeditor_all.jsåeditor_config.jså°ueditoræ夹ä¸ãå ¶ä¸ï¼é¤äºueditorç®å½ä¹å¤çå ¶ä½æ件åä¸ºå ·ä½é¡¹ç®æ件ï¼æ¤å¤æåä» ä¾ç¤ºä¾ã
第ä¸æ¥ï¼ä¸ºç®åèµ·è§ï¼æ¤å¤å°ä»¥æ ¹ç®å½ä¸çindex.php页é¢ä½ä¸ºç¼è¾å¨çå®ä¾å页é¢ï¼ç¨æ¥å±ç¤ºUEditorçå®æ´çææãå¨index.phpæ件ä¸ï¼é¦å å¯¼å ¥ç¼è¾å¨éè¦çä¸ä¸ªå ¥å£æ件ï¼ç¤ºä¾ä»£ç å¦ä¸ï¼
å¤å¶ä»£ç 代ç å¦ä¸:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ç¼è¾å¨å®æ´çå®ä¾</title>
<script type="text/javascript" src="ueditor/editor_config.js"></script>
<script type="text/javascript" src="ueditor/editor_all.js"></script>
第åæ¥ï¼ç¶åå¨index.phpæ件ä¸å建ç¼è¾å¨å®ä¾åå ¶DOM容å¨ãå ·ä½ä»£ç 示ä¾å¦ä¸ï¼
å¤å¶ä»£ç 代ç å¦ä¸:
<textarea name="åå°åå¼çkey" id="myEditor">è¿éåä½ çåå§åå 容</textarea>
<script type="text/javascript">
var editor = new UE.ui.Editor();
editor.render("myEditor");
//1.2.4以åå¯ä»¥ä½¿ç¨ä¸ä¸ä»£ç å®ä¾åç¼è¾å¨
//UE.getEditor('myEditor')
</script>
æåä¸æ¥ï¼ å¨/UETest/ueditor/ editor_config.jsä¸æ¥æ¾URLåéé ç½®ç¼è¾å¨å¨ä½ 项ç®ä¸çè·¯
å¤å¶ä»£ç 代ç å¦ä¸:
//强çæ¨è以è¿ç§æ¹å¼è¿è¡ç»å¯¹è·¯å¾é ç½®ï¼æ³¨æï¼ä¸é¢çUETestæ¯èæç®å½å称ï¼
URL= window.UEDITOR_HOME_URL||"/UETest/ueditor/";
è³æ¤ï¼ä¸ä¸ªå®æ´çç¼è¾å¨å®ä¾å°±å·²ç»é¨ç½²å°å±ä»¬ç项ç®ä¸äºï¼å¨æµè§å¨ä¸è¾å ¥http://localhost/UETest è¿è¡ä¸è¯è¯UE强大çåè½å§ï¼
åã注æäºé¡¹
1.å¨å¼ç¨editor_config.jsæ¶ï¼æ好å äºeditor_all.jså è½½ï¼å¦åç¹å®æ åµä¸å¯è½ä¼åºç°æ¥éã
2.å¦ææ³ç¼è¾å¨èµåå§å¼ï¼è¯·åè_examplesæ件çä¸äºä¾å代ç ï¼æè é 读å®æ¹ç»åºçæ档说æã
3. éè¦æ³¨æçæ¯ç¼è¾å¨èµæºæä»¶æ ¹è·¯å¾ãå®æ表示çå«ä¹æ¯ï¼ä»¥ç¼è¾å¨å®ä¾å页é¢ä¸ºå½åè·¯å¾ï¼æåç¼è¾å¨èµæºæ件ï¼å³dialogçæ件夹ï¼çè·¯å¾ãé´äºå¾å¤åå¦å¨ä½¿ç¨ç¼è¾å¨çæ¶ååºç°çç§ç§è·¯å¾é®é¢ï¼æ¤å¤å¼ºç建议大家使ç¨"ç¸å¯¹äºç½ç«æ ¹ç®å½çç¸å¯¹è·¯å¾"è¿è¡é ç½®ã"ç¸å¯¹äºç½ç«æ ¹ç®å½çç¸å¯¹è·¯å¾"ä¹å°±æ¯ä»¥ææ å¼å¤´çå½¢å¦"/UETest/ueditor/"è¿æ ·çè·¯å¾ã
æ¤å¤å¦æä½ ä½¿ç¨çæ¯ç¸å¯¹è·¯å¾,ä¾å¦"ueditor/"(ç¸å¯¹äºå¾è¡¨1è·¯å¾ç»æ)ï¼å¦æç«ç¹ä¸æå¤ä¸ªä¸å¨åä¸å±çº§ç页é¢éè¦å®ä¾åç¼è¾å¨ï¼ä¸å¼ç¨äºåä¸UEditorçæ¶åï¼å¯è½ä¸éç¨äºæ¯ä¸ªé¡µé¢çç¼è¾å¨ãå æ¤ï¼UEditoræä¾äºé对ä¸å页é¢çç¼è¾å¨å¯åç¬é ç½®çæ ¹è·¯å¾ï¼å ·ä½æ¥è¯´ï¼å¨éè¦å®ä¾åç¼è¾å¨ç页é¢æ顶é¨åä¸å¦ä¸ä»£ç å³å¯ã
å½ç¶ï¼éè¦ä»¤æ¤å¤çURLçäºå¯¹åºçé ç½®ãwindow.UEDITOR_HOME_URL ="/xxxx/xxxx/";
ä¾å¦ï¼æ ¹æ®å¾è¡¨1çç®å½ç»æ
å¦æä½ å¨index.aspxé使ç¨ç¼è¾å¨ï¼é£ä¹å¨editor_config.jséæä¸è¾¹çvar URLå°±æ¹æ var URL = "/UETest/ueditor/"
äºã常è§é®é¢
1.ä¹±ç
å¦æè¿è¡æåäºï¼èåºç°ä¹±ç çè¯ï¼è¯·æ£æ¥ä½ çç¼ç æ¹å¼ãUEditorå¼ç¨çèæ¬å¸¦æç¼ç æ¹å¼åmetaæ ç¾ãæä¸è½½çæ¯utf-8çï¼è¿è¡èµ·æ¥å°±åºç°äºä¹±ç ï¼ææå¼ç¨çèæ¬ä¸çcharset="utf-8" å»æ就没æé®é¢äºã
2.ä¸ä¼ å¾çåºé
å¦æä¸ä¼ å¾çåºç°çº¢è²çååï¼æè ä¸ä¼ å°ä¸å没æååºãænetæ件夹ï¼PHPè¯è¨å¯¹åºçæ¯phpï¼èJSPè¯è¨å¯¹åºçæ¯jspï¼ä¸é¢çweb.configå é¤ï¼åå æ¯å®éé¢ä½¿ç¨.net 4.0çé ç½®ï¼è3.5å以ä¸ççæ¬å°±ä¼æé®é¢ï¼å é¤ä¸ä¼æå½±åã
å ãæåï¼éä¸æç代ç
å¤å¶ä»£ç 代ç å¦ä¸:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test2.aspx.cs" Inherits="Test2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>UEditoræµè¯</title>
<script src="ueditor/editor_config.js" type="text/javascript"></script>
<script src="ueditor/editor_all.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server" Width="500px" Height="300px" TextMode="MultiLine"></asp:TextBox>
<script type="text/javascript">
UE.getEditor('TextBox1',{
//è¿éå¯ä»¥éæ©èªå·±éè¦çå·¥å ·æé®å称,æ¤å¤ä» éæ©å¦ä¸äºä¸ª
toolbars:[
['fullscreen', 'source', '|', 'undo', 'redo', '|',
'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch','autotypeset','blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist','selectall', 'cleardoc', '|',
'rowspacingtop', 'rowspacingbottom','lineheight','|',
'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
'directionalityltr', 'directionalityrtl', 'indent', '|',
'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|','touppercase','tolowercase','|',
'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright','imagecenter', '|',
'insertimage', 'emotion','scrawl', 'insertvideo','music','attachment', 'map', 'gmap', 'insertframe','highlightcode','webapp','pagebreak','template','background', '|',
'horizontal', 'date', 'time', 'spechars','snapscreen', 'wordimage', '|',
'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', '|',
'print', 'preview', 'searchreplace','help']
],
//focusæ¶èªå¨æ¸ 空åå§åæ¶çå 容
autoClearinitialContent:true,
//å ³éåæ°ç»è®¡
wordCount:false,
//å ³éelementPath
elementPathEnabled:false
//æ´å¤å ¶ä»åæ°ï¼è¯·åèeditor_config.jsä¸çé 置项
})
</script>
</div>
</form>
</body>
</html>
温馨提示:答案为网友推荐,仅供参考