h5移动端富文本编辑器源码_h5富文本手机编辑器

文章目录：

• 1、制作h5的情景应用，有哪些软件
• 2、懂网站源码的来？新手 本人刚在A5买了站 对网站还不是很懂 只是想拥有一个自已的站！
• 3、求个富文本编辑器，可以插入编程代码的，像csdn那种，可以选择插入html还是.net代码都可以那
• 4、前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字和图片内容？
• 5、h5怎么实现对文本进行编辑，对编辑框进行拖拽
• 6、H5页面制作有哪几个步骤？

制作h5的情景应用，有哪些软件

h5就是html5，HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集

h5的制作工具有:

一、Adobe Edge

目前还处于预览阶段的Adobe Edge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性，此外Edge还将整合TypeKit这样的字体服务。

动画和图形可以添加到HTML元素中，程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套，还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。

二、Adobe Dreamweaver CS6

Adobe Dreamweaver CS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。其Fluid Grid排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性。开发者可以完全实现Web设计的可视化操作，无需为代码所困。

用户不但还能在Live View中预览，还提供多屏幕预览功能。开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。Live View通过WebKit渲染引擎支持HTML5。

三、Adobe ColdFusion 10

ColdFusion是用来开发企业Web程序的服务器端技术，通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。

四、Sencha Architect 2

在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用，并实时预览。

五、Sencha Touch 2

Sencha Touch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、Kindle Fire等多种平台的移动应用。

六、Dojo Foundation Maqetta

来自于IBM的一个项目，Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板

七、微软Visual Studio 2010 ServicePack 1

虽然一开始并不支持HTML5，但微软在2011年三月发布的Visual Studio 2010 SP1中提供了IntelliSense，追加了针对HTML5的一些元素。

八、JetBrains WebStorm 4.0

作为拥有HTML编辑器的JavaScript集成开发环境，WebStorm4.0提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时可获得对HTML5文件的支持。例如砍伐者键入。开发者还可以在chrome浏览器中实时预览HTML文档。

九、Google Web Toolkit

该开发工具用于开发浏览器应用，但库中支持很多HTML5功能。包括对客户端或web存储的支持。其他HTML5功能还包括支持Canvas可视化，以及音频和视频widget。

十、DCloud HBuilder

HBuilder是当前最快的HTML开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。

懂网站源码的来？新手 本人刚在A5买了站 对网站还不是很懂 只是想拥有一个自已的站！

amp是H5的转义字符，翻译过来是，应该是通过富文本编辑的吧，后面的好像是表示颜色的看着还少一位，图不全实在看不出后面的是什么。

求个富文本编辑器，可以插入编程代码的，像csdn那种，可以选择插入html还是.net代码都可以那

kindeditor，或者百度的ueditor，个人感觉两个都差不多，不过我们这用kindeditor的人更多。

前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字和图片内容？

在线文档对UEditor说明不够全面，收集了一些常用的方法和基本设置，以供参考。

1、创建编辑器

UE.getEditor('editor', {

initialFrameWidth:"100%" //初始化选项

})

精简版

UE.getEditor('editor')

2、删除编辑器

UE.getEditor('editor').destroy();

3、设置焦点

UE.getEditor('editor').focus();

4、获取编辑器内容

UE.getEditor('editor').getContent()

5、编辑器是否有内容

UE.getEditor('editor').hasContents()

6、获取编辑器内容纯文本格式

UE.getEditor('editor').getContentTxt()

7、获取带格式的纯文本

UE.getEditor('editor').getPlainTxt()

8、启用编辑器

UE.getEditor('editor').setEnabled();

9、禁止编辑

UE.getEditor('editor').setDisabled('fullscreen');

10、获取整个html内容

UE.getEditor('editor').getAllHtml()

11、常用设置

imageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php", //图片上传接口

imagePath:"http://",

scrawlUrl:UEDITOR_HOME_URL + "../yunserver/yunScrawlUp.php",//涂鸦接口

scrawlPath:"http://",

fileUrl:UEDITOR_HOME_URL + "../yunserver/yunFileUp.php",//文件上传接口

filePath:"http://",

catcherUrl:UEDITOR_HOME_URL + "php/getRemoteImage.php",//获取远程图片接口

catcherPath:UEDITOR_HOME_URL + "php/",

imageManagerUrl:UEDITOR_HOME_URL + "../yunserver/yunImgManage.php",//图片管理接口

imageManagerPath:"http://",

snapscreenHost:'ueditor.baidu.com',

snapscreenServerUrl:UEDITOR_HOME_URL + "../yunserver/yunSnapImgUp.php",//截图接口

snapscreenPath:"http://",

wordImageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php",//word图片转存接口

wordImagePath:"http://", //

getMovieUrl:UEDITOR_HOME_URL + "../yunserver/getMovie.php",//获取视频接口

lang:/^zh/.test(navigator.language || navigator.browserLanguage || navigator.userLanguage) ? 'zh-cn' : 'en',

langPath:UEDITOR_HOME_URL + "lang/",

webAppKey:"9HrmGf2ul4mlyK8ktO2Ziayd",

initialFrameWidth:860, //初始化宽度

initialFrameHeight:420, //初始化高度

focus:true //是否焦点

h5怎么实现对文本进行编辑，对编辑框进行拖拽

你可以试下意派Epub360在线H5制作工具的富文本组件或段落组件。它们都可以对文本进行编辑，也可以对编辑框进行拖拽。

段落组件是非常基础的一个组件，主要用于显示文字；

富文本相当于一个文本编辑器，拥有丰富的编辑面板，它支持很多文本内容及格式，比如公式、表单、引用、链接、分隔符、特殊符号等等。

H5页面制作有哪几个步骤？

制作H5的流程要分为：

H5项目制作流程：策划、创意文案、平面视觉、动画交互、前后端的开发、推广等方面

很多答主写的比较笼统，或者比较深奥，不少读者看不懂但觉得好专业，看就就完了，对大部分知友来说毫无意义的回答……咳咳，话说回来，虽然很早的H5项目制作，或者现在有些大厂还是靠团队分工，策划，视觉，开发等多个工作划分，但笔者了解到目前制作H5大多是一个设计师或者一个运营，老板能让一个人做的绝不分配成两份工作。

所以使用一个趁手的H5工具就显得尤为重要了，如何选用呢?

这里我们按照需求来划分，分两种：

1）模板化的简单需求；

2）专业化的灵活定制需求

模板化的平台挺多，像易企秀、兔展，模板种类多，数量很丰富。

专业的H5工具较少，尤其需要保持高灵活度的编辑功能、简单易上手的低门槛，还有大家关心的价格高低，综合以上这里推荐一款超酷的H5平台：意派Epub360

意派Epub360与 意派Coolsite360 作为SAAS设计工具平台，自2014年上线以来，已持续运营近五年时间，服务了近百万用户及数千家企业用户，其中包括招商银行、华为、新华网、中国新闻社、人民日报数字屏媒项目、中国数字科技馆、中国商飞等知名企事业单位。

关于H5编辑器的能力

1）专业交互功能

支持专业级动画控制、交互设定、社交应用与数据应用，保障企业的商业需求顺利实现。

2）操作简易、流畅

采用由简到难递进式产品设计模式，效果组件化，减少用户上手难度，稳定的操作环境助力企业持续创意输出。

3）提供企业/媒体培训和定制服务

我们为企业/媒体单位提供H5工具培训及定制服务，定制服务包含扫码签到、大屏互动、H5游戏等多种场景，是上海解放日报、招商银行、广西日报等多家单位长期合作伙伴。

4）提供优质模板库

提供丰富的模板库，500+优质的企业H5模板，各种邀请函、招聘、节日海报、H5小游戏应有尽有。

以上就是H5制作流程的大概简介，也说明了制作不同情况H5工具的推荐，如果想更深层次制作H5可以看一下下面的制作H5项目所需要掌握和学习的网站或工具大全。