下载一个xheditor-1.1.14 放在web项目Scripts/目录下
将文件夹下xheditor-1.1.14/demos/
的 saveremoteimg.aspx打开 ,
修改 attachDir =“”;为上传图片路径的路径
打开 upload.aspx 页面,一样修改路径
如:
在web页面上初始化 :
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/xheditor-1.1.14/xheditor-1.1.14-zh-tw.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(pageInit);
function pageInit() {
$('#content').xheditor({ skin: 'vista', urlType: 'abs', forcePasteText: 'true',
upImgUrl: '!{editorRoot}xheditor_plugins/multiupload/multiupload.html?uploadurl={editorRoot}demos/upload.aspx?immediate=1&ext=1(*.jpg;*.jpeg;*.gif;*.png)',
upFlashUrl: '!{editorRoot}xheditor_plugins/multiupload/multiupload.html?uploadurl={editorRoot}demos/upload.aspx?immediate=1&ext=1(*.swf)',
upMediaUrl: '!{editorRoot}xheditor_plugins/multiupload/multiupload.html?uploadurl={editorRoot}demos/upload.aspx?immediate=1&ext=1(*.wmv;*.avi;*.wma;*.mp3;*.mid)',
upLinkUrl: '!{editorRoot}xheditor_plugins/multiupload/multiupload.html?uploadurl={editorRoot}demos/upload.aspx?immediate=1&ext=1(*.zip;*.rar;*.txt;*.html;*.htm;*.jpg;*.jpge;*.gif)',
localUrlTest: '/^https?:\/\/[^\/]*?(yxxx\.com)\//i', remoteImgSaveUrl: '../xheditor/saveremoteimg.aspx',
upImgExt:"jpg,jpeg,gif,png"
});
}
</script>
<textarea id="content" name="content" rows="12" cols="80" style="width: 80%" runat="server" ></textarea>
初始化的xheditor 是没有14px这个字体的,此时需要修改xheditor-1.1.14-zh-cn.min.js文件,打开文件查找10px,在其后添加一个14px的一段字符(
{n:'small',s:'8px',t:'\u6781'},{ n: "x-small", s: "10px", t: "\u6781\u5c0f" }, { n: "xx-small", s: "12px", t: "\u7279\u5c0f" },{n:"xxx-small",s:"13px",t:"\u5f88\u5c0f"}, { n: "xxxx-small", s: "14px", t: "\u5fae\u5c0f" }
) 如:
添加字体:隶书( 如要添加其他字体,只需参考
CSS 中文字体的Unicode码 :http://blog.sina.com.cn/s/blog_4990aec60100qluo.html
)