UEditor 的使用

UEditor 的使用

一、UEditor 的使用

  官方网站:http://ueditor.baidu.com/website/

  下载地址:http://ueditor.baidu.com/website/download.html#ueditor

   UEditor 的使用文档:http://fex.baidu.com/ueditor/

   UEditor 在 jsp 中的使用文档:http://fex.baidu.com/ueditor/#server-jsp

   UEditor 的 API: http://ueditor.baidu.com/doc/

  注意:使用起来方便的要死尼。。。

二、UEditor 增加字体

  1、找到文件 ueditor/lang/zh-cn/zh-cn.js ,找到其中的fontfamily节点,添加“仿宋”和“仿宋GB2312”

    2、找到文件ueditor\ueditor.config.js文件(网上也看到一说是ueditor\editor_config.js文件,可能版本问题),找到其中被注释掉的fontfamily节点,去掉该节点的注释,添加“仿宋”和“仿宋GB2312”

    3、效果图

    4、其他的中文字体的英文名

 1 华文细黑:STHeiti Light [STXihei]
 2 华文黑体:STHeiti
 3 华文楷体:STKaiti
 4 华文宋体:STSong
 5 华文仿宋:STFangsong
 6 俪黑 Pro:LiHei Pro Medium
 7 俪宋 Pro:LiSong Pro Light
 8 标楷体:BiauKai
 9 苹果俪中黑:Apple LiGothic Medium
10 苹果俪细宋:Apple LiSung Light
11 新细明体:PMingLiU
12 细明体:MingLiU
13 标楷体:DFKai-SB
14 黑体:SimHei
15 宋体:SimSun
16 新宋体:NSimSun
17 仿宋:FangSong
18 楷体:KaiTi
19 仿宋_GB2312:FangSong_GB2312
20 楷体_GB2312:KaiTi_GB2312
21 微软正黑体:Microsoft JhengHei
22 微软雅黑体:Microsoft YaHei
23 隶书:LiSu
24 幼圆:YouYuan
25 华文细黑:STXihei
26 华文楷体:STKaiti
27 华文宋体:STSong
28 华文中宋:STZhongsong
29 华文仿宋:STFangsong
30 方正舒体:FZShuTi
31 方正姚体:FZYaoti
32 华文彩云:STCaiyun
33 华文琥珀:STHupo
34 华文隶书:STLiti
35 华文行楷:STXingkai
36 华文新魏:STXinwei

原文地址:https://www.cnblogs.com/zfc-java/p/8119655.html

时间: 2024-10-12 21:28:30

UEditor 的使用的相关文章

百度富文本编辑器ueditor使用总结

最近做的项目用到了ueditor这个东东,但是他的一些配置文档对初次使用者来说很难以理解,故作此总结 1.ueditor 官方地址:http://ueditor.baidu.com/website/index.html 开发文档地址:http://ueditor.baidu.com/website/document.html 下载地址:http://ueditor.baidu.com/website/download.html (这里可选开发版,或MINI版) 2. 从官网上下载完整源码包,解压

解决ueditor中没法动态配置imageurlprefix的方法

修改背景,由于后台图片是上传到挂载的静态资源磁盘中去,前台用独立域名访问 所以在ueditor中显示图片前缀,只能在 "imageUrlPrefix": 中配置域名,配上域名就遇上了麻烦,开发环境,测试环境,生产环境的域名都不一样: 而ueditor的在配置项放在config.json中,如下: 造成的问题就是每次提交版本控制的时候,config.json文件都要忽略提交,并且再三确认是否提交被提交了,提交后就会导致测试环境上传图片后,图片域名前缀显示的是生产环境的域名,图片直接不可显

UEditor

UEditor1.4.3实现跨域上传到独立文件服务器,完美解决单文件和多文件上传! 首先去ue官网下载1.43版 .net版本,解压之后,把demo文件夹改成web,把net那个文件夹拷贝出来放到web外面,如图: 这样就把编辑器的静态文件和动态文件分离了,动态部分放到文件服务器上,静态部分集成到我们的网站上. 下面我就用c.com绑定到web目录,d.com绑定到net目录(a.b.com我在测试的时候用了).先在本地IIS创建两个站点,如图设置: 接下来要设置Hosts才能访问,这是模拟的绑

用ueditor上传图片、文件等到七牛云存储

ueditor上传文件,是用数据流的形式上传的. 而七牛云存储官方文档中,只提供了文件路径上传的方式. 但是,仅仅是在官方文档中写了这一种方式. 事实上,利用VS的对象管理器,打开Qiniu的dll,我们可以看到以下东西: 其实Qiniu提供的SDK中,是可以利用文件流上传文件的. 所以,根据官方文档提供的案例,我们可以将上传改写成下面的样子: /// <summary> /// 上传文件 /// </summary> /// <param name="key&qu

UEditor的JSP配置说明

?JSP 使用说明 1 背景 UEditor 1.4.0 版本对之前的配置方式进行了简化,具体请参见:后端请求规范,为了适应这次升级,JAVA 后台也进行了重写,跟之前的版本差别较大,升级的用户注意阅读本文档. 本文档介绍 UEditor JAVA 后台的部署和配置说明. 注意:本文档仅适用于1.4.0之后的Java版UEditor. 2 先决条件 JDK 1.6+ Apache Tomcat 6.0+ UEditor 1.4.0+ 3 示例环境 3.1 软件版本信息 JDK 6u45 Tomc

.NET中应用Ueditor(富文本编辑)的配置和使用

一.Ueditor的下载 1.百度编辑器下载地址:http://ueditor.baidu.com/website/download.html 2.下载完整源码包,解压到任意目录,解压后的源码目录结构如下所示: 3.编辑器展示: 二.Ueditor的使用 1.添加到项目中如图所示: 2.新建项目中进行引用 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestUeditor.a

UEditor 添加在线管理图片删除功能

第一,需要添加一个 php 文件来实现删除功能,文件添加到: ueditor\php\action_delete.php 代码内容: <?php   /*---------------------------  * wang  *zhibeiwang.blog.51cto.com  * 2017-08-10  * action_delete.php  * 删除 Ueditor 目录下的文件  *---------------------------*/   try {     //获取路径   

php如何引入百度Ueditor富文本编辑器

文本编辑器插件内容丰富,比起传统的textarea标签输入要好用很多,看看如何在页面实现引入吧 1.下载适合的资源包(可以去官网下载适合的版本),我是php引入 2.下载后解压放到一个位置.(我用的是TP框架,所以我放在了我的指定公共文件夹Pbulic下) 3.在页面中引入 首先在head标签里写引入资源包的路径,路径要写自己存放资源包的路径 <script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.c

ueditor编辑器使用总结

ueditor使用小结 一.简介 ueditor是百度编辑器,官网地址:http://ueditor.baidu.com/website/ 完整的功能演示,可以参考:http://ueditor.baidu.com/website/onlinedemo.html 为了方便开发学习,我们下载它的完整版和.net版. ueditor_release_ueditor1_4_3_1-src.zip ueditor_release_ueditor1_4_3_1-gbk-net.zip 二.如何引入uedi

Ueditor中代码的高亮和背景在前端页面的实现

首先废话就不多说,这个富文本编辑器的下载和js等基本文件的导入略. 我的最终目标是这样的,我们在页面中的富文本框中输入代码,希望它能够被后台接受.存入数据库,当通过服务器将这些代码再一次显示在前台的页面上的时候,我们希望所呈现的是如下的情况: 就是说需要对代码的背景和高亮的部分的样式也进行保存.我的解决过程是这样的(假设在demo.html中进行输入,在demo.php中进行处理和呈现): 1. 首先在网上查找相关信息,发现需要第三方插件,而这第三方插件就在我们的ueditor的下载包中,ued