fckeditor我的开发操作记录
判断页面是否加载完毕js，并初始化fckeditor的内容一、IE5.5以上可用，判断页面加载完毕
var timer ;
function checkload() {
if (document.readyState == "complete") {
clearInterval(timer);
var fckobj = FCKeditorAPI.GetInstance("contest");
alert(fckobj);
fckobj.EditorDocument.getElementById("but").value = "fuck";
} else{
timer = setInterval("checkload()", 100);
}
}
checkload();
二、for Mozilla 判断文档内容加载完毕
document.addEventListener("DOMContentLoaded",
function(){
alert("firefox DOM加载完毕！");
var fckobj = FCKeditorAPI.GetInstance("contest");
fckobj.EditorDocument.getElementById("but2").value = "shit";
}, null);
三、如果上面的不好用，给个通用的，这个函数在完全加载完fckeditor后，自动调用，有什么对fckeditor操作的内容，就可以写在里面了！
function FCKeditor_OnComplete(oFCKeditor) {
var fckobj = FCKeditorAPI.GetInstance("contest");
fckobj.EditorDocument.getElementById("but1").value = "fuck";
}
四、为fckeditor中的控件添加内容
<script type="text/javascript">
var oFCKeditor = new FCKeditor('contest', true) ;
oFCKeditor.BasePath = '../../fckeditor/';
oFCKeditor.ToolbarSet = 'Default';
oFCKeditor.Width = '740px';
oFCKeditor.Height = '400px';
oFCKeditor.Value = "<input type=button id=but1>";
//加载模板0
oFCKeditor.Create();
function FCKeditor_OnComplete(oFCKeditor) {
var fckobj = FCKeditorAPI.GetInstance("contest");
fckobj.EditorDocument.getElementById("but1").value = "fuck";
}
</script>
五、在外部调用fckeditor的控件操作
获取fckeditor对象有两种方法
1、var fckobj = FCKeditorAPI.GetInstance("contest");
2、var fckobj2 = FCKeditorAPI.GetInstanceObject("contest");
以上两种都可以创建一个fckeditor对象
获取可操作的控件对象，传入的字符串，在fckconfig.js中的ToolbarSets里
var comm = fckobj2.Commands.GetCommand("Templates")
执行操作
comm.execute();
获取文本域的html内容
fckobj2.GetHTML();
六、异步加载模板
function getHTML(o) {
var r = "";
for (var i = 0; i < o.childNodes.length; i++)
r += o.childNodes.nodeValue;
return r;
}
//Index:要加载的模板的索引号，从0开始
//url：模板xml的路径，相对当前页面
//使用ajax加载xml模板文件，防止google浏览器不支持当前通用的xml加载的方法从而不能在
function ShowBo__LoadTemplates(Index, url) {
url += "?ts=" + new Date().toString();
var o;
if (window.XMLHttpRequest)
o = new XMLHttpRequest();
else if (window.ActiveXObject)
o = new ActiveXObject("microsoft.xmlhttp");
else {
alert("浏览器不支持当前流行的ajax！");
return "";
}
if (o) {
//同步
o.open('get', url, false);
o.send(null)
var dom = o.responseXML;
//获取模板html
var tmps = dom.getElementsByTagName("Html");
//没有模板或者路径出错时则返回空
if (tmps.length == 0)
return "";
//索引号大于模板数量则默认第一个模板
if (Index >= tmps.length)
Index = 0;
return document.all ? tmps.firstChild.nodeValue : getHTML(tmps);
}
}
//加载模板1====================指定配置文件目录
//var tmpHtml = ShowBo__LoadTemplates(1, 'fcktemplates.xml');
七、编辑内容提交问题
在fckeditor编辑完之后，我们有两种情况要提交：一、是再提交到另一个页面；二、是提交到服务器。
提交服务器我们会把内容添加到数据库，这个可以，但是从数据库取出内容在页面显示，会报“未结束的.....”提示，这是因为你保存的数据有很多回车，导致内容不连贯。
为了解决这个问题，只需要将内容的全部空白字符替换掉再使用。
java代码：
request.getParameter("record").replace("\r\n", "");
javascript代码：
1、先在编辑页面用使用url传递编辑内容，然后在参数的传递上经过一下处理
FCKeditorAPI.GetInstance("desofimage").GetHTML()
2、在显示页去掉空白字符，这里用的el表达式
"${param.desofimages}".replace(/^\s+|\s+$/g, "")
页:
[1]