默认模式
自定义按钮
皮肤选择
其它选项
API交互
非utf-8编码调用
UBB可视化
Ajax上传
插件扩展
iframe调用上传
异步加载
远程抓图
结合CKFinder
Markdown可视化
生成代码
xhEditor demo4 : 其它选项
1,本地URL转相对地址(urlType:rel):
<p>内部图片:<img src="img/xheditor.gif" alt="" /></p><p>外部图片:<img src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" alt="" /></p><p>内部链接:<a href="index.html">xhEditor</a></p><p>外部链接:<a href="http://www.google.com/">Google</a></p><p> </p><p>当前实例调用的Javascript源代码为:</p><p>$('#elm1').xheditor({<span style="color:#ff0000;">urlType:'rel'</span>});<br /></p>
2,本地URL转根地址(urlType:root):
<p>内部图片:<img src="img/xheditor.gif" alt="" /></p><p>外部图片:<img src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" alt="" /></p><p>内部链接:<a href="index.html">xhEditor</a></p><p>外部链接:<a href="http://www.google.com/">Google</a></p><p> </p><p>当前实例调用的Javascript源代码为:</p><p>$('#elm2').xheditor({<span style="color:#ff0000;">urlType:'root'</span>});<br /></p>
3,本地URL转绝对地址(urlType:abs):
<p>内部图片:<img src="img/xheditor.gif" alt="" /></p><p>外部图片:<img src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" alt="" /></p><p>内部链接:<a href="index.html">xhEditor</a></p><p>外部链接:<a href="http://www.google.com/">Google</a></p><p> </p><p>当前实例调用的Javascript源代码为:</p><p>$('#elm3').xheditor({<span style="color:#ff0000;">urlType:'abs'</span>});<br /></p>
4,相对地址的基址路径(urlBase):
<p>图片:<img src="xheditor.gif" alt="" /></p><p>链接:<a href="xheditor.gif">xhEditor</a></p><p> </p><p>当前实例调用的Javascript源代码为:</p><p>$('#elm4').xheditor({<span style="color:#ff0000;">urlBase:'img/'</span>});</p><p>urlBase主要应用在前后台路径不一致的情况下,举例如下:</p><p>前台文章地址为:http://xheditor.com/read/1.html<br />后台发布文章地址为:http://xheditor.com/admin/add.php</p><p>针对这种情况,使用urlType:root,或者urlType:abs当然能解决此问题,但是这样的路径一方面过长,另一方面也不利于今后调整路径结构。</p><p>本质来讲,这个参数的功能和HTML中的<base href="">功能是一致的。</p><p>目标就是让文章中的图片保存为以文章发布路径为基础的相对路径,但是在后台编辑文章时又不至于显示不了图片。<br /></p>
5,其它更多选项:
<p>当前实例调用的Javascript源代码为:</p><p>$('#elm5').xheditor({tools:'full',skin:'default',width:800,height:200,clickCancelDialog:false,fullscreen:false,layerShadow:3,linkTag:false,cleanPaste:0,defLinkText:'默认超链接文字',sourceMode:false,showBlocktag:true,forcePtag:false,internalScript:true,inlineScript:true,internalStyle:true,inlineStyle:true,hoverExecDelay:-1,loadCSS:'http://xheditor.com/css/global.css',emots:{msn:{name:'MSN',count:40,width:22,height:22,line:8}},shortcuts:{'ctrl+enter':submitForm}});</p><br /><br />注:本实例演示其它大部分的初始化参数,详细帮助信息请查看:<a href="http://xheditor.com/manual/2#chapter2">http://xheditor.com/manual/2#chapter2</a>