asp.net mvc5 使用百度ueditor 本编辑器完整示例(下)
一、百度ueditor 本编辑器 一个最大的优点是快速导入word文档的内容,特别 是导入word文档的图文混排效果。
操作步骤:
1、先打开word文档,Crtl +C复制 ,Ctrl+V粘贴到Ueditor编辑里。
2、再点 Ueditor编辑里的 "W 下面一个图片“的图标。
3、根据提示,点复制,复制word文档内嵌的图片路径。确定。就可以导入图片了。
二、比如要在网页上显示一些文件的内容。
一种方法是转换成pdf文档,在UEditor里以附件形式上传,浏览器访问的时候,会重新打开一个窗口,显示PDF文件的内容。这种方式缺点明显,需要再点击 一次才能访问,而且不安全,能下载些文件。
第二种方法:就是使用falshPaper\Flexpaper\Print2Flash箸软件将word\PDF等文件转换成swf Flash文件,使用<embed>标签 将转换后的swf文件嵌入到网页中,这样做的好处是,在原网页中直接查看文件的内容,而不能修改。也不能下载 。
操作步骤:
1、下载 Print2Flash商业版,或免费版。
2、将需要转换的word\PDF文档 等拖进print2Falsh窗口中去,有向种界面样式 ,个人觉得modern模式比较美观一些。
3、转换完成后,可以选择另存为swf和html5两种格式 ,选择另存swf样式 。
4、点击 UEdtior上的 视频按钮,上传这个swf文件 。注意:默认使用<Video>标签 。在UEditor中选中这个swf文件,再点视频按钮,文本框中出现了上传后的地址,Ctrl+A复制文本框中的此地址。
5、在UEditor中删除这个swf点位符,再点视频按钮、再点插入视频,Crto+V粘巾地址,设置宽度和高度。比如800*600;px; 插入视频默认使用<embed>标签,正是flash需要的格式 。
6、再返回前台,页面中就直接显示出了falsh 文件的内容了,可以调节 大小,可以翻页。
asp.net mvc5 使用百度ueditor 本编辑器完整示例(下)的更多相关文章
- asp.net mvc5 使用百度ueditor 本编辑器完整示例(下)配置上传播放视频
通过 asp.net mvc5 使用百度ueditor 本编辑器完整示例(上)介绍,可以上传图片到服务器了,也可以上传小的视频文件,并且由百度编辑器自动加入html5<video>标签播放 ...
- asp.net mvc5 使用百度ueditor 本编辑器完整示例(三)在IIS中多个应用程序使用多个ueditor对象
最近做了一个项目,要求同一类型的多个专业应用程序(网站),但是每个应用程序都需要调用各自当中的ueditor. 步骤: 一.在vs2013中设置每个专业的asp.net mvc 应用程序. 1.配置根 ...
- asp.net mvc5 使用百度ueditor 本编辑器完整示例(上)
最近做一个项目,用到了百度ueditor富文本编辑器,功能强大,在线编辑文档,上传图片\视频.附件. MVC 模型的控制器准备: 1.建立模型. 在项目中Model 文件夹中建立 文章 模型,注意如果 ...
- ASP.NET MVC5 中百度ueditor富文本编辑器的使用
随着网站信息发布内容越来越多,越来越重视美观,富文本编辑就是不可缺少的了,众多编辑器比较后我选了百度的ueditor富文本编辑器. 百度ueditor富文本编辑器分为两种一种是完全版的ueditor, ...
- [转载] ASP.NET MVC4使用百度UEDITOR编辑器
前言 配置.net mvc4项目使用ueditor编辑器,在配置过程中遇见了好几个问题,以此来记录解决办法.编辑器可以到http://ueditor.baidu.com/website/downloa ...
- asp.net mvc4使用百度ueditor编辑器
原文 http://www.cnblogs.com/flykai/p/3285307.html 已测试 相当不错 前言 配置.net mvc4项目使用ueditor编辑器,在配置过程中遇见了好 ...
- 百度UEditor在线编辑器的配置和图片上传
前言 最近在项目中使用了百度UEditor富文本编辑器,配置UEditor过程中遇到了几个问题,在此记录一下解决方案和使用方法,避免以后使用UEditor出现类似的错误. 基本配置 一.下载UEdit ...
- ASP.MVC 项目中使用 UEditor 文本编辑器
1.下载UEditor 源文件,并导入项目中 2.添加项目中需要使用的CSS和JS //Ueditor 文本编辑器必备的StyleBundle和ScriptBundle StyleBundle ued ...
- asp网站中使用百度ueditor教程
1.根据网站类型及编码选择相应的ueditor版本,如我的网站编码为gb2312,则选择ueditor 1.43 asp gbk版.2.本机IE浏览器应为8.0或以上,8.0以下的ueditor 1. ...
随机推荐
- 取消CentOS 的图形界面 开机直接进入命令行模式(转)
(1)具体操作 #vi /etc/inittab –编辑/etc/inittab文件 找到下面语句: # Default runlevel. The runlevels used ...
- svn 命令个
svn 命令行下常用的几个命令 标签: svnpathdelete工作urlfile 2011-11-28 08:16 128627人阅读 评论(1) 收藏 举报 分类: 版本控制(8) 版权声明 ...
- JS实现搜索模糊匹配
Js代码 <script type="text/javascript"> var websites = [["1231","账上1&q ...
- Android------Intent.createChooser
Intent的匹配过程中有三个步骤,包含Action , category与data 的匹配. 假设匹配出了多个结果.系统会显示一个dialog让用户来选 择.例如以下图: 那么今天我们主要是解 ...
- JavaScript语言基础9
我们先看看以下这段代码: <span style="font-size:18px;"><HTML> <HEAD> <TITLE>He ...
- java_类型强转
class Father{ public void fromFather(){ System.out.println("fromFather"); } } interface in ...
- SAM4E单片机之旅——9、UART与MCK之MAINCK
为得到更高的带宽,需要使用更高的波特率.UART波特率的计算已经介绍过了,现在就尝试下调整外设的时钟频率.可以有多种方法调整外设时钟(MCK)的频率,这里先介绍先主要时钟(MAINCK)的设置,其中包 ...
- checkbox 背景图片 纯CSS处理办法
CSS .table_container input[type="checkbox"] { background: #fff url(/img/blue.png); backgro ...
- Intellij IDEA 修改代码后自动编译更新
Intellij IDEA 一些不为人知的技巧 问题描述: Intellij IDEA 调试修改时,改动页面和 java 文件后,无法立刻看到变化,需要手动重启服务. 问题原因: 在 IDEA tom ...
- Codeforces Beta Round #7 D. Palindrome Degree —— 字符串哈希
题目链接:http://codeforces.com/contest/7/problem/D D. Palindrome Degree time limit per test 1 second mem ...