リッチテキストボックスUeditorを使用するのは簡単

1.ダウンロードBaiduの加盟プロセスのリッチテキストボックスコードのASPバージョン。

ASP-アップロードで見つかったConfig.json、すべての種類のファイルを変更し保存されているアドレス、ファイルサイズなど

2. Ueditorページ

1の<script>
 2      のvar UE。
3      $(関数(){
 4          UE = UE.getEditor( 'UeF_Content' 、{
 5              ツールバー:[
 6                  'フルスクリーン'、 'ソース'、 '|'、 '元に戻す'、「やり直し'|' 7                  'ボールド'、 'イタリック'、 '下線'、 'fontborder'、 '取り消し線'、 '上付き文字'、 '下付き'、 'removeformat'、 'formatmatch'、 'autotypeset'、 'BLOCKQUOTE'、 'pasteplain'、「| 」、 '前景色'、 '背景色'、 'insertorderedlist'、 'insertunorderedlist'、'のSelectAll'、 'cleardoc'、 '|' 8                  'rowspacingtop'、 'rowspacingbottom'、 'lineheight'、 '|' 9                  'customstyle'、 '段落'、 'のfontFamily'、 'フォントサイズ'、 '|' 10                  'directionalityltr'、 'directionalityrtl'、 'インデント'、 '|' 11は                  '|'、 'toUpperCaseの'、 'toLowerCaseメソッド' | ''、 'justifycenter'、 'justifyright'、 'justifyjustify'、 'justifyleft' 12                  'リンク'、 'リンク解除'、 'アンカー'、 '|'、 'imagenone'、 'imageleft'、 'imageright'、 'imagecenter'、 '|' 13                  'simpleupload'、 'insertimage'、 '感情'、 '落書き'、 'Webアプリケーション'、* / '改ページ'、 'テンプレート'、 '背景'、 '|' 14                  '水平'、 '日付'、 '時間'、 'spechars'、/ * 'snapscreen'、* / 'wordimage'、 '|' 15                  'inserttable'、 'deletetable'、 'insertparagraphbeforetable'、 'にinsertRow'、 'deleteRowを'、 'insertcol'、 'deletecol'、 'mergecells'、 'mergeright'、 'mergedown'、 'splittocells'、 'splittorows'、 'splittocols'、 'チャート'、 '|' 16                  '印刷'、 'プレビュー'、 'searchreplace'
                テキストボックスに必要な機能を追加または削除、//必要に応じて、ここで私はいくつかの機能を削除し、あなたはまた、修正ueditor.config.js後にスタイルを直接呼び出すことができ、そのため、これらの機能を表示することができ、中に変更さueditor.all.js
 19は              scaleEnabled:trueに20は              500:initialFrameHeight 、//テキストボックスの高さ
 21は、              initialFrameWidth: '100%' 、//は、テキストボックスの幅設定
 22をれる              elementPathEnabled:trueに23は              catchRemoteImageEnable:trueに
24          });
 25  
26である     });
 27      VAR keyValueの= $ ( "keyValueの" .request );
 28      $(関数(){
 29  
30         IF(!! keyValueの){
 31が             バックにより受信された(AJAX {//値を渡す$アヤックス
 32                  URL: "/ SystemManage /企業/ GetFormJson"を33は                 データ:keyValueの{:} keyValueの、
 34は                  データ型: "JSON" 35                  非同期:falseに36                  成功:機能(データ){
 37 [                      $( "#フォーム" ).formSerialize(データ)
 38は 
39                      $( "UeF_Content" //読み取るデータベースストレージ;).val(data.F_Content)コンテンツ
 40                  }
41              });
42          }
 43  
44      });
45  
46  
47      関数submitForm(){
 48          もし(!$( '#フォーム' ).formValid()){
 49              リターン はfalse ;
50          }
 51  
52          $( "#F_Content" ).val(ue.getContentを())。//提交文本框中内容
 53  
54          $ .submitForm({
 55              URL: "/ SystemManage / AllianceCompanies / SubmitForm keyValueの=" + keyValueの、
 56              PARAM:$( "#フォーム" ).formSerialize()、
 57             成功:関数(){
 58                  。$ .currentWindow()$( "#のgridList" ).resetSelection(); 
60                  $ .currentWindow()$( "#のgridList")トリガー( "reloadGrid"。。);
61  
62              }
 63          })
 64      }
 65 </ SCRIPT>
1         フォーム表单中的内容:
<TR> 2 <THクラス= "formTitle" VALIGN = "トップ"スタイル= "パディングトップ:5pxの;"> 3 内容 4 </番目> 5 <TDクラス= "formValue" COLSPAN = "3"スタイル= "パディング:0PX;"> 6 の<input type = "隠れた" ID = "F_Content" /> //数据库中字段 7 <TEXTAREAクラス= "UeF_Content" ID = "UeF_Content" NAME = "UeF_Content 「> </ TEXTAREA> 8 </ TD> 9 </ TR>

中東もUeditorも公式文書で見つけることができます使用して、どのような変更を忘れて、時間をかけて、いくつかの他のものを変更するにはを参照してください。

おすすめ

転載: www.cnblogs.com/123mutouren/p/11345894.html