添加常用的中文字体:在上面打开的文件中找到
FCKConfig.FontNames = ''Arial;Comic Sans MS;
Courier New;Tahoma;Times New Roman;Verdana'' ;
加上几种我们常用的字体 FCKConfig.FontNames = ''宋体;
黑体;隶书;楷体_GB2312;Arial;
Comic Sans MS;
Courier New;
Tahoma;
Times New Roman;
Verdana'' ;
SpringSide开发实战(七):在项目中整合FCKeditor(7)
时间:2011-05-07 blogjava 海边沫沫
3、更改JSP页面中定义编辑器的标签,如下:
<FCK:editor id="EditorDefault" basePath="/xkland/fckeditor/"
skinPath="/xkland/fckeditor/editor/skins/office2003/"
toolbarSet="Usable"
imageBrowserURL="/xkland/fckeditor/editor/filemanager/browser/default/browser.ht ml?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/xkland/fckeditor/editor/filemanager/browser/default/browser.htm l?Connector=connectors/jsp/connector"
flashBrowserURL="/xkland/fckeditor/editor/filemanager/browser/default/browser.ht ml?Type=Flash&Connector=connectors/jsp/connector"
imageUploadURL="/xkland/fckeditor/editor/filemanager/upload/simpleuploader? Type=Image"
linkUploadURL="/xkland/fckeditor/editor/filemanager/upload/simpleuploader? Type=File"
flashUploadURL="/xkland/fckeditor/editor/filemanager/upload/simpleuploader? Type=Flash">
This is some <strong>sample text</strong>. You are using <a href="http://www.fredck.com/fckeditor/">FCKeditor</a>.
</FCK:editor>
刷新页面,可以看到编辑器的效果如下:
六、如何获取编辑器中插入的图片
从文章开头的功能设计我们可以看出,当用户编辑完文章后,我们应该能获取文章中插 入的图片信息。怎样获取编辑器中的插入的图片呢?IT进行时在他的文章FCKeditor的几点 重要改进和使用心得,值得分享 中是这样做的:在上传图片的对话框的JavaScript中添加 代码,使得当用户插入图片点OK后通知列表框,代码如下:
try {
var obj = window.dialogArguments.Editor.parent.document;
obj.getElementById( " tip.c_tip_has_pic " ).value = " 1 " ;
} catch (e) {}
我认为这个方法不好,第一,这个方法是侵入性的,需要修改FCKeditor的代码;第二, 这种方法能够在用户插入图片的时候获得图片信息,但是如果用户插入的图片,接着又把图 片从文章中删除了呢?这时候是无法跟踪的。
正确的思路应该是在编辑器失去焦点的时候,获取编辑器中的文档,通过DOM取得文章中 所有的图片。代码如下:
function FCKeditor_OnComplete( editorInstance )
{
editorInstance.Events.AttachEvent( ''OnBlur'', onEditorBlur ) ;
}
function onEditorBlur(){
var oSelect = $("img_select");
for(var i=oSelect.options.length-1; i>0; i--){
oSelect.options[i] = null;
}
oEditor = FCKeditorAPI.GetInstance(''EditorDefault'');
var imgs = oEditor.EditorDocument.body.all.tags("img");
for(var i=0; i < imgs.length; i++){
var oOption = document.createElement("option");
oOption.appendChild(document
|