xheditor HTML编辑器，新闻编辑器初始方法，ajax图片批量上传，添加一个8、13、14px字体

本是古典何须时尚 2022-05-09 09:46 184阅读 0赞

下载一个xheditor-1.1.14 放在web项目Scripts/目录下

将文件夹下xheditor-1.1.14/demos/

的 saveremoteimg.aspx打开 ，

修改 attachDir =“”;为上传图片路径的路径

打开 upload.aspx 页面，一样修改路径

如：

![1355460426_7662.png][]

在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" }

）  如：

![1355460806_7739.png][]

添加字体：隶书( 如要添加其他字体，只需参考

## CSS 中文字体的Unicode码 ：http://blog.sina.com.cn/s/blog\_4990aec60100qluo.html    ##

)

![1356073040_3087.png][]

[1355460426_7662.png]: https://img-my.csdn.net/uploads/201212/14/1355460426_7662.png
[1355460806_7739.png]: https://img-my.csdn.net/uploads/201212/14/1355460806_7739.png
[1356073040_3087.png]: https://img-my.csdn.net/uploads/201212/21/1356073040_3087.png

发表评论取消回复

表情：

评论列表（有 0 条评论，184人围观）

还没有评论，来说两句吧...

相关阅读

相关 wangeditor编辑器复制粘贴图片自动上传

1、前端引用代码 ![e9edf946ecb16fea74193ba26b0a60f3.png][] 请求文件上传的默认请求是一个文件，作为具有“upload”字段的表

今天药忘吃喽~/ 2023年10月08日 20:46/ 0 赞/ 75 阅读

相关 kindeditor图片上php,PHP应用：Kindeditor编辑器添加图片上传水印功能（php代码）

《PHP应用：Kindeditor编辑器添加图片上传水印功能(php代码)》要点：本文介绍了PHP应用：Kindeditor编辑器添加图片上传水印功能(php代码)，希望对

柔光的暖阳◎/ 2022年11月19日 01:25/ 0 赞/ 580 阅读

相关 csdn上的blog 编辑器-xhEditor编辑器

xhEditor编辑器 http://xheditor.com/ xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化XHTML编辑器，基于网络访问并

小鱼儿/ 2022年10月01日 03:54/ 0 赞/ 188 阅读

相关 dwz xheditor编辑器文件上传

转载地址：http://blog.csdn.net/sean\_cd/article/details/8027315 client----------

秒速五厘米/ 2022年09月25日 11:24/ 0 赞/ 135 阅读

相关 SpringBoot 配置富文本编辑器 xheditor

一年前写过一篇：[struts2 配置 xheditor][struts2 _ xheditor] 的文章。那时候还在用ssh，现在开始用spring boot。本来想配置CS

傷城~/ 2022年07月14日 19:37/ 0 赞/ 314 阅读

相关 xheditor HTML编辑器，新闻编辑器初始方法，ajax图片批量上传，添加一个8、13、14px字体

下载一个xheditor-1.1.14 放在web项目Scripts/目录下将文件夹下xheditor-1.1.14/demos/ 的 saveremoteimg.asp

本是古典何须时尚/ 2022年05月09日 09:46/ 0 赞/ 185 阅读

相关 kindeditor编辑器使用七牛云上传图片

问题描述：使用编辑器上传图片在有些电脑上可以，在有些电脑上不可以 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shad

太过爱你忘了你带给我的痛/ 2022年02月13日 16:11/ 0 赞/ 321 阅读

相关 Editor富文本编辑器（图片上传）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXBl

小咪咪/ 2022年01月12日 15:33/ 0 赞/ 451 阅读

相关 xheditor网页编辑器

[http://code.google.com/p/xheditor/][http_code.google.com_p_xheditor] 转载于:https://www.c

素颜马尾好姑娘i/ 2021年11月10日 01:58/ 0 赞/ 245 阅读

相关新闻编辑器 ckeditor

1.把下载的文件夹放到根目录下（两个文价夹，ckeditor\_4.5.11\_standard.zip 和ckeditor\_aspnet\_3.6.6.2.zip

末蓝、/ 2021年09月12日 04:34/ 0 赞/ 716 阅读