时间:2021-05-25
我将会使用xheditor作为新的在线编辑器,我希望它可以能通过一个php函数就能调用如
复制代码 代码如下:
function editor($content,$name)
{
$editor=<<<EOT
<textarea id="$name" name="$name" rows="10" cols="60">$content</textarea>
EOT;
return $editor;
}
这样做的好处有:
1,不用每次调用xheditor编辑器,都在前面写一大
2,调用方便,模板上就放返回的html代码的变量就可以了。
我使用的方法是用jquery里的get()方法异步xheditor的代码,然后再用eval把代码运行了。
如下:
复制代码 代码如下:
function editor($content,$name)
{
$editor=<<<EOT
$(document).ready(
function(){
if(!$.isFunction($.xheditor))
{
$.get(
'../xheditor.js',
function(data){
eval(data);
}
);
}
$('#{$name}').xheditor(true);
}
);
<textarea id="$name" name="$name" rows="10" cols="60">$content</textarea>
EOT;
return $editor;
}
以上代码正确情况下,你是运行不了。
因为xheditor的0.9.8版在异步载入时会出现问题。导致xheditor不能正常显示。
原因:
由于jsURL是通过获取页面的来得到的。但我是采用异步加载的,所以我需要指定jsURL的地址。
补丁:
打开xheditor.js找到以下代码
复制代码 代码如下:
var defaults={skin:"default",tools:"full",internalScript:false,inlineScript:false,internalStyle:false,inlineStyle:true,showBlocktag:false,forcePtag:true,keepValue:true,upLinkExt:"zip,rar,txt",upImgExt:"jpg,jpeg,gif,png",upFlashExt:"swf",upMediaExt:"avi",modalWidth:350,modalHeight:220,modalTitle:true};
改为
复制代码 代码如下:
var defaults={skin:"default",tools:"full",internalScript:false,inlineScript:false,internalStyle:false,inlineStyle:true,showBlocktag:false,forcePtag:true,keepValue:true,upLinkExt:"zip,rar,txt",upImgExt:"jpg,jpeg,gif,png",upFlashExt:"swf",upMediaExt:"avi",modalWidth:350,modalHeight:220,modalTitle:true,editorURL:null};
其实就是增加了editorURL的默认值
然后再找到
复制代码 代码如下:
this.settings=$.extend({},defaults,options);
在其后面添加
复制代码 代码如下:
jsURL= this.settings.editorURL||jsURL;
用于设置jsURL是使用默认值还是用户自定义的目录
以后在调用xheditor时就多了一个参数
复制代码 代码如下:
editorURL
编辑器所在的url路径,该路径必须带有“/”,默认值为null
在浏览器里打开根目录的load_xheditor.html
文件打包
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了javascript带回调函数的异步脚本载入方法。分享给大家供大家参考。具体实现方法如下:varLoader=function(){}Loader
本文实例讲述了JS实现文件动态顺序载入的方法。分享给大家供大家参考。具体分析如下:用script标签实现JS代码的动态载入。源于JavaScript语言中函数、
java根据经纬度获取地址实现代码实现代码:publicclassGetLocation{publicstaticvoidmain(String[]args){
实现代码:
本文实例讲述了Ajax异步方式实现登录与验证的详细代码,分享给大家供大家参考。具体如下:登录代码这个是使用Bootstrap3的组件功能实现的登录登录异步登录请