h5在线编辑_秀堂h5_手机ui设计_答题类h5_h5测试小游戏
当前位置:建站首页 > 新闻资讯 > 媒体报道 >

微信小程序开发者文档-ckeditor在线编辑器+finder配

发表日期:2021-05-02 12:52文章编辑:jianzhan浏览次数: 标签:    

--------

微信小程序开发者文档

------- 1、CKEditor :点一下CKEditor.NET题目下的 Download zip 按钮

此处应用当今全新版本号 CKEditor.NET 3.5.2, released on 7 March 2011

2、CKFinder :标识下的 Download zip 或 Download tar.gz 按钮(凡科抠图:两个按钮免费下载的內容一样,表明)

此处应用当今全新版本号 version: 2.0.2, updated 03.03.2011

CKEditor是新一代的FCKEditor,很显著的不一样点是CKEditor汉语件提交作用独立出来了,需要相互配合应用CKFinder才可以完成。

二、实际配备次序

1、在新项目中加上对应的文档

右击网站,加上引入。先后加上两个文档夹中 \bin\Debug 中的dll文档 CKEditor.NET.dll、CKFinder.dll

2、将文档夹 ckeditor 、 ckfinder 加上到网站的根文件目录下

留意,免费下载的文档中包含许多用不到的文档,能够略微清除一下:

此版本号针对 CKEditor只需要 \_Samples 文档夹下的 ckeditor 文档夹便可,其余都可不要。

_source文档夹(源程叙文件,能够删掉)
(升级目录,能够删掉)
(安裝指向,能够删掉)
(应用批准,能够删掉)

3、改动配备文档

(1)CKEditor配备:开启 ckeditor\config.js 文档,依据需要加上配备信息内容

CKEDITOR.editorConfig = function(config) {
 config.skin = v2 //挑选皮肤,源文档在 ckeditor\skins\ 中
 config.resize_enabled = false;
 // 基本专用工具栏
 // config.toolbar = Basic  
 // 全能型专用工具栏
 // config.toolbar = Full  
 // 自定专用工具栏
 config.toolbar =
 [ Source , - , Preview ], [ Cut , Copy , Paste , PasteText , PasteFromWord ],
 [ Undo , Redo , - , Find , Replace , - , SelectAll , RemoveFormat ],
 [ NumberedList , BulletedList , - , Outdent , Indent , Blockquote , ShowBlocks ], / ,
 [ Bold , Italic , Underline , Strike , - , Subscript , Superscript ],
 [ JustifyLeft , JustifyCenter , JustifyRight , JustifyBlock ], [ Link , Unlink , Anchor ],
 [ Image , Flash , Table , HorizontalRule , SpecialChar ], / ,
 [ Styles , Format , Font , FontSize ], [ TextColor , BGColor ], [ Maximize , - , About ]
(2)在CKEditor中集成化CKFinder,留意对应文档的相对路径

将下面的內容再次加上到 ckeditor\config.js 文档中

CKEDITOR.editorConfig = function(config) {
config.filebrowserBrowseUrl =  //不要写成 ~/ckfinder/... 或 /ckfinder/... 
config.filebrowserImageBrowseUrl = ?Type=Images 
config.filebrowserFlashBrowseUrl = ?Type=Flash 
config.filebrowserUploadUrl = mand=QuickUpload type=Files 
config.filebrowserImageUploadUrl = mand=QuickUpload type=Images 
config.filebrowserFlashUploadUrl = mand=QuickUpload type=Flash 
config.filebrowserWindowWidth = 800 // 访问服务器 弹出框的size设定
config.filebrowserWindowHeight = 500 
CKFinder.SetupCKEditor(null, ../ckfinder/ //留意ckfinder的相对路径对应具体置放的部位
(3)CKFinder的配备:

开启 ckfinder\ 下的客户控制config.ascx,变更其BaseUrl相对路径:

BaseUrl = ~/ckfinder/userfiles/ //or BaseUrl = ckfinder/userfiles/ 
而且变更:

public override boolCheckAuthentication()  {
   //return false;
   return true; 
至此,配备工作中终究进行啦。。

三、在网页页面运用CKEditor控制

1、在网页页面的 head 中加上对应的js引入:

 script type= text/javascript language= javascript src= ckfinder/ckfinder.js /script 
 script type= text/javascript language= javascript src= ckeditor/ckeditor.js /script 
2、随后,在 body 中需要置放该控制的部位添加以下编码,各自有以下几种应用方式:

(1)给控制加上特定的class特性

 textarea id= textarea1 name= editor1 >
 服务器控制:

 asp:TextBox ID= TextBox1 runat= server TextMode= MultiLine Css >
 (2)引入js编码 此处js编码最好写在控制以后,还可以写在 head 中

 textarea id= textarea1 name= editor1 hello! /textarea 
 script type= text/javascript 
 CKEDITOR.replace( editor1 , { height:400, width:800 });
 /script 
服务器控制:

 asp:TextBox ID= mckeditor runat= server TextMode= MultiLine /asp:TextBox 
 script type= text/javascript 
 CKEDITOR.replace( %=mckeditor.ClientID % 
 /script 
大伙儿有甚么难题或技术性上的念头能够在此与大伙儿共享,还可以添加前端开发喜好者QQ群()一起学习培训发展:【幸凡前端开发技术性沟通交流群】如需转载请注明出处:art_detail.aspx?id=134【ckeditor编写器+finder配备提交作用】幸凡学习培训网 0 ---------

微信小程序开发者文档

------------
相关新闻