`

UEditor(二):表情包和列表的本地化

阅读更多

UEditor文本编辑器支持表情功能,但这些包情包都在百度服务器上,选择表情和加载表情的时候都需要从百度服务器上去请求,有点麻烦。所以百度很聪明,提供了本地化的功能。我从百度那里“抄”了一下,在这里记录记录。呵呵呵。

 

一、先把表情包和列表包下载到本地,链接为:http://ueditor.baidu.com/website/download.html,将滚动条拉到最下端,就可以看到“本地表情文件”、“本地列表文件”的下载地址啦。

 

二、本地化表情包(下载下来的表情文件里面有使用说明)

表情文件本地化使用说明 写道
1、将下载下来的images目录下的所有表情文件夹复制到dialogs/emotion/images/文件夹下面;
2、修改ueditor.config.js文件,去掉 emotionLocalization项的注释,值改为true。

 

三、本地化列表(下载下来的列表文件里面也有使用说明)

这是本地化列表的使用说明:

列表文件本地化使用说明 写道
1、解压放到你的themes/文件夹下(可以按照需求放置路径)
2、修改editor_config.js文件,修改listiconpath配置项:
listiconpath : URL+'themes/ueditor-list/' //如果是自己的目录,请使用 '/'开头的绝对路径
3、在发布文章的页面,引用uparse.js,并运行 uParse 函数,传入列表路径:
<script type="text/javascript">
uParse('.content',{
'liiconpath':'/UTest/ueditor/themes/ueditor-list/' //使用 '/' 开头的绝对路径
})
</script>

 

四、个人说明:

1、注意:包情包格式化中,是”将images目录下的所有文件夹——如babycat、bobo、face文件夹——而不是images文件夹“复制到dialogs/emotion/images/文件夹下面

2、本地化表情包比较简单且效果很容易就看到,所以我修改完成之后看到效果了。但是列表文件的本地化,我按照说明上修改了配置也添加了JS功能,在文本编辑器上就是没找到本地化后的效果。不知道是我配错了还是什么原因,有配置成功了留个言告知一下,多谢多谢!

分享到:
评论

相关推荐

    UEditor1.2.4-jsp版配置(上传图片+附件+表情本地化)

    完成以上步骤后,UEditor 应能正常工作,支持图片上传、附件上传和本地化表情的显示。通过调整配置和自定义过滤器,可以解决在 Struts 环境下可能出现的图片上传问题。记得根据实际项目路径和需求调整代码,以确保...

    百度编辑器ueditor本地表情包

    【表情包本地化】是指将表情包资源存储在服务器本地,而不是从远程服务器加载。这种做法有几大优点:首先,它可以提高用户体验,因为本地加载的表情包速度更快,不会因为网络延迟而影响编辑过程;其次,本地化表情包...

    UEditor1.4.2

    - **表情与特殊符号**:提供丰富的表情库和特殊字符,满足多样化的表达需求。 - **实时预览**:所见即所得的编辑模式,让用户在编辑过程中能即时看到最终效果。 3. **API与插件开发** - **API接口**:UEditor ...

    vue集成ueditor.zip

    可以在`editorConfig`中添加`customConfig`项,并设置`emotionLocalization`为`true`来开启本地化表情。同时,需要在项目中存放表情资源,并在配置中指定表情库的路径。 ```javascript editorConfig: { custom...

    ueditor的mini版本特点是体积小巧和更快的加载速度

    而fex-team-umeditor-0d0d36e这个压缩包文件很可能是UMeditor的一个特定版本,包含了源码和其他相关资源,供开发者下载后进行本地化开发和调试。 总的来说,UMeditor凭借其轻巧、快速的特点,成为JavaScript开发中...

    UEditor富文本编辑器

    2. **全面的功能集**:UEditor 包含了丰富的编辑功能,如字体调整、字号选择、文字颜色、背景色、对齐方式、段落格式、插入图片、链接、表格、代码块、表情符号等,满足了日常编辑的各种需求。 3. **截图功能**:...

    Ueditor富文编辑器—jsp-utf-8

    6. **本地化**:Ueditor支持多语言,如果你想实现表情本地化,可以在配置项中指定本地的表情资源路径,让编辑器加载本地的表情包。 7. **自定义功能**:Ueditor允许开发者根据需求自定义功能,比如你可以选择开启或...

    ueditor编辑器utf8-net 富文本编辑器

    例如,`ueditor-list.zip`可能包含了一些预定义的列表样式或列表管理功能,允许用户在编辑器中创建有序列表、无序列表,或者自定义列表样式。这些功能通过JavaScript实现,与服务器端的"utf8-net"配合工作,实现了...

    ueditor-1.1.2.zip

    4. **lang** 文件夹:包含不同语言的本地化文件,用于支持多语言环境。 5. **plugins** 文件夹:可能包含各种预装或可选的插件。 6. **themes** 文件夹:存储了不同主题的样式文件,用户可以选择不同的界面风格。 7....

    ueditor baidu_web_tools

    - ueditor提供丰富的插件接口,开发者可以根据需求定制功能,如地图插件、公式编辑器、表情包等。 - 第三方插件社区:ueditor拥有活跃的开发者社区,提供了许多现成的插件供用户选择和使用。 4. **API与服务器...

    编辑工具 ueditor-emotion

    ueditor-emotion在UEditor的基础上,优化了表情功能,使其更符合微信用户的使用习惯。 1. **UEditor基础介绍** UEditor是由百度开发的开源HTML5在线编辑器,支持多种浏览器环境,提供丰富的编辑功能,如文字格式化...

    Ueditor编辑器

    Ueditor的ASP.NET版本提供了C#编写的服务器端DLL,用于处理上传文件、图片、表情等操作。开发者可以通过引用这个DLL,调用其提供的API来实现与编辑器的交互,例如获取编辑器的HTML内容,或者处理上传的文件。 4. *...

    百度文本编辑器 ueditor

    7. **多语言支持**:ueditor内置了多种语言包,适应不同地区的用户需求。 8. **实时预览**:编辑内容可实时预览,提升用户体验。 9. **API接口**:ueditor提供了一系列JavaScript API,方便开发者进行内容的获取、...

    技术调研评估报告_Ueditor

    【Ueditor】是一款功能强大的富文本在线编辑器,主要用于网页内容的编辑和格式化。它提供了丰富的编辑选项,如字体、字号、颜色、对齐方式等,同时还支持图片、视频、表格等多种媒体元素的插入。在【描述】中提到,...

    百度富文本编辑器实例

    2. **初始化编辑器**:使用JavaScript调用UEditor的初始化方法,指定目标元素和配置项。 3. **配置参数**:UEditor有许多可配置参数,如工具栏、图片上传配置、语言等,可以根据项目需求进行调整。 4. **事件监听*...

    百度富文本DEMO(JSP版本)

    UEditor是一款功能强大的在线文本编辑器,广泛应用于网页内容编辑,提供丰富的文本格式化选项,图片、视频上传等功能,极大地提升了用户的在线编辑体验。 富文本编辑器(WYSIWYG Editor)是一种用户界面,允许用户...

    一个用于回复发表评论的组件

    ueditor是一个常见的富文本编辑器,它提供了丰富的文本格式化选项,使得用户在发表评论时可以添加图片、链接、表情等元素,提高互动性。 【描述】:“这是封装了ueditor插件的一个web前端组件,可用于回复发表之类...

    百度编辑器

    此外,编辑器还内置了视频插入、表格制作、超链接添加、表情符号选择等多样化的功能,满足了各种复杂编辑需求。 在代码层面,UEditor设计得相当友好。它提供了良好的API接口,允许开发者根据自身需求自定义编辑器的...

Global site tag (gtag.js) - Google Analytics