當前位置:首頁 » 網頁前端 » web編輯器
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web編輯器

發布時間: 2022-02-05 01:49:56

『壹』 用什麼樣的Web編輯器,eWebEditor,kindeditor還是FCKEditor

我接觸的第一個Web編輯器是eWebEditor。它是國產的,在IE7及以下的版本中效果是非常不錯的,不兼容IE8及火狐,而且使用不當就會留下上傳漏洞的隱患。這樣的編輯器,還是不要用了(很想支持國產,但是...)

放棄eWebEditor後,我選擇了kindeditor。它是老外開發的,能兼容目前所有版本的瀏覽器,純靜態(文件上傳需要自
己實現,小問題)。但是它不支持Word表格的復制(就是不能直接從Word上復製表格到編輯器中),而且會經常出現圖文丟失的現象,郁悶,我還是不用了(老外的東西也不一定好,...)

前段時間接觸了FCKEditor,發現這個編輯器相當不錯,查了一下,網上大家對它的評價超高(貌似淘寶也是用的這個編
輯器)。它也是老外開發的,能兼容目前所有版本的瀏覽器,對Word的支持非常好,復製表格沒有一點變形。到目前為
止,我已經在兩個項目中使用了這個編輯器,一個是基於PHP的訂餐系統,另外一個是基於ASP的公司網站,FCKEditor對PHP,ASP以及ASP.NET的支持都很好,使用起來非常方便。

編輯器的安全問題一直是一個令很多人頭痛的問題,這主要在於文件上傳上。各種編輯器默認情況下都沒有對文件上傳
進行身份認證(它也不可能實現一個通用的身份認證),開發者必須根據自己系統的情況加入適當的身份認證代碼。另外
編輯器允許的文件上傳類型也需要進行嚴格的限制,例如eWebEditor允許在後台修改上傳文件類型,這樣一旦歹徒獲取後
台密碼,即可輕易上傳任意格式的文件。低版本的FCKEditor(好像是2.1以下的版本)默認情況下允許上傳任意格式的文件。

總結一下FCKEditor的使用(以2.6.5版為例):

(1)精簡,"言多必失",文件多了也是一種隱患。FCKEditor支持多種伺服器腳本語言,實際使用的時候我們根本用不了那麼多文件,我們要根據自己的需要對其進行精簡。
對於ASP系統來說:

FCKEditor根目錄,僅保留"fckeditor.asp,fckconfig.js,fckeditor.js,fckpackager.xml,fckstyles.xml,
fcktemplates.xml"這些文件以及editor目錄。刪除示例目錄"_samples"。
"fckeditor\editor\filemanager\connectors"目錄下面僅保留"asp"目錄,刪除其它目錄和文件。

對於PHP系統來說:

FCKEditor根目錄,僅保留"fckeditor.php,fckeditor_php4.php,fckeditor_php5.php,fckconfig.js,fckeditor.js,
fckpackager.xml,fckstyles.xml,fcktemplates.xml"這些文件以及editor目錄。刪除示例目錄"_samples"。"fckeditor\editor\filemanager\connectors"目錄下面僅保留"php"目錄,刪除其它目錄和文件。

(2)修改文件上傳採用的腳本程序(語言)。

默認的FCKEditor文件上傳程序為asp,如果是用在asp系統中,那就不用再修改了。

如果是用在PHP系統中的話,需要做如下修改,打開fckconfig.js
找到:
var _FileBrowserLang ge = asp
var _QuickUploadLang ge = asp
改成:
var _FileBrowserLang ge = php
var _QuickUploadLang ge = php

(3)開啟文件上傳,修改文件上傳目錄。

對於ASP系統來說:
打開fckeditor\editor\filemanager\connectors\asp\config.asp
啟用文件上傳:

找到:
ConfigIsEnabled = false

改成:
ConfigIsEnabled = tr

設置上傳存放目錄:

找到:
ConfigUserFilesPath = "/admin/uppic/"
改成:
ConfigUserFilesPath = "自定義的路徑"

對於PHP系統來說:
打開fckeditor/editor/filemanager/browser/default/connectors/php/config.php
啟用文件上傳:

找到:
$Config[Enabled] = false

改成:
$Config[Enabled] = tr

設置上傳存放目錄:

找到:
$Config[UserFilesPath] = /userfiles/
改成:
$Config[UserFilesPath] = 自定義的路徑

(4)修改上傳文件命名方式。

FCKEditor上傳文件,文件名採用原文件名,如果想採用自定義的文件命名方式(比如,隨即名稱),可以修改如下地
方:

對於ASP系統來說:
打開fckeditor\sample\edit\editor\filemanager\connectors\asp\commands.asp

找到:
sFileName = SanitizeFileName( sFileName )

將該句改為自定義的文件命名格式,例如:

dim RndStr
Randomize
RndStr = Cstr(Fix(9000*rnd()+1000)) 產生一個隨機數
sFileName =year(date)&month(Date)&day(Date)&hour(time)&minute(time)&second(time)&RndStr &"." &
**tension

對於PHP系統來說:
打開fckeditor\editor\editor\filemanager\connectors\php\commands.php

找到:
$sOriginalFileName = $sFileName ;

在該句前面加入:

// 初始化種子
$sstr =split(" ",microtime(),5);
$seed =$sstr[0]*10000;
// 使用種子初始化隨機數發生器
srand($seed);
// 生成指定范圍內的隨機數
$random =rand(1000,10000);
// 合成隨即的文件名
$sFileName = date("YmdHis", time()).$random.".".$**tension;

(5)FCKEditor在程序中引用方式。

對於ASP系統來說:
需要包含下面的頭文件
<!--#incl? file="fckeditor/fckeditor.asp"-->
在編輯器所在的位置添加如下代碼:
<%
Dim oFCKeditor
Set oFCKeditor = New FCKeditor
oFCKeditor.BasePath = "/fckeditor/" 這個路徑必須是相對於站點根目錄的路徑,設置錯誤編輯器
將無法顯示

oFCKeditor.ToolbarSet="Default"
oFCKeditor.Width = "98%"
oFCKeditor.Height= "500px"

oFCKeditor.Val = "" 設置默認值
oFCKeditor.Create "shangpin_description" 編輯器的id,相當於input標簽的name屬性值,這里是
shangpin_description
%>

對於PHP來說:
在編輯器所在的位置添加如下代碼:
<?php
incl?("fckeditor/fckeditor.php"); // 頭文件
$oFCKeditor = new FCKeditor("shangpin_description") ; // 編輯器的id,相當於input標簽的
name屬性值,這里是shangpin_description
$oFCKeditor->BasePath="/fckeditor/ " ; //設置FCKeditor路徑

$oFCKeditor->ToolbarSet ="Default";
$oFCKeditor->Width="98%";
$oFCKeditor->Height="500px";

$oFCKeditor->Val=""; // 設置默認值
$oFCKeditor->Create();
?>

(6)獲取FCKEditor中的數據。

對於伺服器端腳本程序來說,將"編輯器的id"當做input標簽的name屬性值來獲取即可,例如:

在ASP中reqst("shangpin_description"),在PHP中$_REQST["shangpin_description"]

JS中用FCKeditorAPI.GetInstance(shangpin_description).GetXHTML(tr)得到shangpin_description對應的值

『貳』 web編輯器哪個好用

網路編輯器UEditor PHP版是由網路web前端研發部開發所見即所得的編輯器,具有輕量,可定製,注重用戶體驗等特點。Ueditor基於BSD開源協議,除了具有代碼精簡、載入迅速的輕量級特質外,還採用了分層理念,使開發者可以根據實際應用和需求自由定製。

編輯器劃分為了三層架構。其中,核心層為開發者提供了諸如range、selection、domUtils類的底層API介面,中間的命令插件層不僅提供了大量的基礎command,還允許開發者基於核心層進行command命令的開發,而面向用戶端的界面層則可以提供自由定製的用戶交互界面。Ueditor開源編輯器這種擁有可配性的模式,令開發者能夠根據自身需要接入任何一層進行開發。

『叄』 WEB編輯器

ewebeditor
應該沒打錯字

『肆』 #PHP# web編輯器哪個好

可以採用網路編輯器ueditor 和 Kindeditor 這兩種編輯器是最多程序員所採用的。
KindEditor ,ueditor 都是一套開源的在線HTML編輯器,主要用於讓用戶在網站上獲得所見即所得編輯效果
我們公司也是所採用這兩種編輯器比較多

代碼編輯器,我是PHP程序員 大部分採用 sublime text 編輯器

望採納 Thx

『伍』 web前端開發常用的編輯器有哪些

網路編輯器UEditor PHP版是由網路web前端研發部開發所見即所得的編輯器,具有輕量,可定製,注重用戶體驗等特點。Ueditor基於BSD開源協議,除了具有代碼精簡、載入迅速的輕量級特質外,還採用了分層理念,使開發者可以根據實際應用和需求自由定製。

『陸』 web 編輯器問題

Frantpage
Dreamwear

『柒』 web在線圖片編輯器

qq空間中寫日誌寫過了吧?你寫的時候用的就是web在線文章編輯器了。
許多網站後台提交文章的時候,都有這個,讓用戶對自己的文章進行編輯,比如插入圖片,設置文本式樣等等。但是他們的web在線編輯器的式樣和功能會有所不同。

『捌』 如何配置一個最基本的web富文本編輯器

第一步,引用wangEditor的css文件,css文件最好在<head>中引用
<link rel="stylesheet" type="text/css" href="css/wangEditor-1.3.0.min.css">

第二步,引用jquery和wangEditor.js,js文件最好在<body>最下方引用
<script type="text/javascript" src='js/jquery-1.10.2.min.js'></script>
<script type="text/javascript" src='js/wangEditor-1.3.0.min.js'></script>

第三步,配置富文本框。
<script type="text/javascript">
$(function(){
$('#textarea1').wangEditor();
});
</script>

『玖』 php怎麼使用web編輯器

各個編輯器的調用方式是不一樣的,但是又大同小異,但是他和是用什麼什麼語言關系並不大,幾乎所有的都是HTML+JS的,只有在瀏覽伺服器、上傳文件等才會使用到動態語言比如php、asp等。具體調用以kindeditor為例:
1、在需要顯示編輯器的位置添加textarea輸入框。
<textarea id="editor_id" name="content" style="width:700px;height:300px;">
<strong>HTML內容</strong>
</textarea>
2、在該HTML頁面添加以下腳本。
<script charset="utf-8" src="/editor/kindeditor.js"></script>
<script charset="utf-8" src="/editor/lang/zh_CN.js"></script>
<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create('#editor_id');
});
</script>
前提是你已經上傳kindeditor了,呵呵...