wangEditor的使用

【wangEditor的使用】的更多相关文章

利用wangEditor获取文章格式和内容

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server&quo…

wangEditor ie9 表单上传图片

wangEditor ie9 表单上传图片弹框无法消失 var resultText = $.trim(iframeWindow.document.body.innerHTML); resultText = null…

提示:最新版wangEditor请参见 http://www.wangeditor.com/ 和 https://github.com/wangfupeng1988/wangEditor 交流交流QQ群:164999061 二次开发联系:wangfupeng1988#163.com(#->@) -------------------------------------------------------------------------------------------------…

【我的产品观】开发wangEditor一年总结

1. 引言标题说是一周年,其实是不是正好是一周年,我也忘记了,光从github的提交记录看也不准确.印象中觉得,如果要论想法,到现在一年多了,如果要论实际写代码,可能差不多正好一年. 从8月底在济南离职来到北京,一直熟悉新的工作环境和工作节奏,好久没有更新博客了.今天来总结一下这一年的wangEditor的成长过程,以及我自己在这一年的时间,对于技术.产品等各方面的思考. 感觉对这几方面的体会和感悟还是挺多的,拿出来和大家分享. 2. 什么鬼? 不过,大部分朋友可能还都不知道wangEdito…

更加简洁易用——wangEditor富文本编辑器新版本发布

1. 前言 wangEditor富文本编辑器(www.wangEditor.com)从去年11月份发布,至今已经有将近10各月了.它就像一个襁褓中的小婴儿,在我的努力以及众多使用者的支持下不断摸索.成长.就像这么大的小孩一样,它的下一个目标是要自己站起来.自己走下去. 而这一版本的更新,已经可以让它有足够的力量站起来,勇敢的走下去.( wangEditorQQ群:164999061 ,欢迎加入交流) 2. 产品观的转变在此前的一段时间,通过用户的反馈以及自己的一些比较.思考,觉得wangEdi…

轻量级富文本编辑器wangEditor源码结构介绍

1. 引言 wangEditor——一款轻量级html富文本编辑器(开源软件) 网站:http://www.wangeditor.com/ demo演示:http://www.wangeditor.com/wangEditor/demo.html 下载(github):https://github.com/wangfupeng1988/wangEditor QQ群:164999061 从我发布wangEditor到现在,大概有七八个月了,随着近期增加的插入视频,表情,地图这三个功能,目前为止基本…

重构wangEditor（web富文本编辑器），欢迎指正！

提示:最新版wangEditor请参见:wangEditor.github.io 或者 https://github.com/wangfupeng1988/wangEditor 1. 前言 (下载源码.使用说明.demo,请参见:https://github.com/wangfupeng1988/wangEditor) 前段时间做过一个基于bootstrap的富文本编辑器——wangEditor,并发布到github上(https://github.com/wangfupeng1988/wang…

wangEditor——轻量化web富文本框

wangEditor——轻量级web富文本编辑器参见:wangEditor.github.io 或者 https://github.com/wangfupeng1988/wangEditor 交流交流QQ群:164999061 二次开发联系:wangfupeng1988#163.com(#->@) ------------------------------------------------------------------------------------------------…

富文本编辑器 - wangEditor 插入代码

效果: 项目结构: 注意事项: highlightJS 代码高亮插件,wangEditor 本身就是集成的highlightJS代码高亮插件. 在wangEditor-1.3.12.js里找到var hashljs = flase,把它改成var hashljs = true,然后引入JS和css. 调整代码的字体和大小: 代码: 原始连接: http://www.sojson.com/blog/36 http://www.kancloud.cn/wangfupeng/wangeditor/65…

富文本编辑器 - wangEditor 上传图片

效果: . 项目结构图: wangEditor-upload-img.html代码: <html> <head> <title>wangEditor-图片上传</title> <link rel="stylesheet" href="wangEditor/css/wangEditor-1.3.0.min.css"> <style type="text/css"> .wrap{…

两种为wangEditor添加拖拽调整高度的方式：CSS3和jQuery UI

wangEditor是一款优秀的Web富文本编辑器,但如果能像KindEditor那样支持拖拽调整高度就更好了.有两种方式可以为wangEditor添加这一功能,这里使用的wangEditor版本为2.1.22. 第一种方式是最简单,也是比较完美的一种方式:为编辑器元素添加值为vertical的resize CSS样式: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"…

wangEditor的jQuery插件化

wangEditor是一款优秀的Web富文本编辑器.这篇随笔中讲述的wangEditor版本是2.1.22,由于它依赖于jQuery(作者打算在第三版中取消对jQuery的依赖),那么如果能使用$("#editor").wangeditor()的方式创建和获取编辑器,就再好不过了.为了达到这个目的,需要为jQuery定制一款插件,代码如下: (function ($) { // 用于存储所有编辑器实例的对象.由于wangEditor不支持从原始元素或其id获取已经创建好的编辑器实例,使…

Java web 引入wangEditor编辑器

最近项目需要我做些前端的事,这让我这个半吊子前端很是痛苦.项目中需要一个编辑器,之前找了个ueditor,插件比较多,需要改源码等等不说,最后弄好了,发现需要flash插件.没办法,只有推到重来,在网上寻找对比后,最后决定使用用wangEditor,首先它简单,轻量,基本能满足我的需求,不好的地方就是网上的demo不是很多,不是大公司的开源产品,不知道能不能坚持更新下去,不过ueditor都不更新了,也没必要强求. 首先贴上官方地址:https://www.kancloud.cn/wangfup…

wangeditor Demo

<html> <head>  <meta charset="UTF-8"> <title>wangEditor demo</title> </head> <body>  <script src="http://cdn.bootcss…

【前端】wangEditor（富文本编辑器）简易使用示例

转载请说明作者或者注明出处,谢谢说到前端常用的编辑器,自然也少不了富文本编辑器(RichText Editor) 笔者在此之前也看了一些相关的在线编辑器,其中包括了当百度搜索“富文本编辑器”字样时出现在最上面的百度UEditor,里面的功能相当丰富,但是配置也相对复杂,对于使用者要求较高.况且在轻量级网页应用的开发中也并不需要如此多的功能,所以真正需要的是一个使用简单的轻量级富文本编辑器,出于方便考虑,也应该尽可能保证“所见即所得”原则. wangEditor正是其中之一(官网链接:wangE…

是时候选择一款富文本编辑器了（wangEditor）

需要一款富文本编辑器,当然不能自己造轮子.本来想使用cnblog也在用的TinyMCE,名气大,功能全.但是发现TinyMCE从4.0开始,不再支持直接下载.所以还是决定选用wangEditor.遗憾的是作者在园子的博客已经很久不更新了. 官网:http://www.wangeditor.com/index.html 示例 :(其中的 wangEditor.min.js可以从https://www.kancloud.cn/wangfupeng/wangeditor3/335769 下载) <!…

基于jeesite的cms系统（五）：wangEditor富文本编辑器

一.关于wangEditor: wangEditor —— 轻量级 web 富文本编辑器,配置方便,使用简单.支持 IE10+ 浏览器. 官网:www.wangEditor.com 文档:www.kancloud.cn/wangfupeng/wangeditor3/332599 源码:github.com/wangfupeng1988/wangEditor (欢迎 star) 二.创建wangEditor editor创建十分简单只需要引入js文件(这里注意要加上版本号,具体原因不详),进行一些…

wangEditor的使用第一步,将其下载,并引入项目中. 第二步,引入js <script type="text/javascript" src="/plugin/wangEditor/release/wangEditor.min.js"></script> 第三步,初始化对象 <span class="col-lg-8" id="editor"></span> var E…

wangEditor大图片上传问题

wangEditor上传大图片时候会上传超时.后端没有问题,我百度很多,又去群里问,都得不到答案.最后问同事,有个属性 editor.config.uploadTimeout = 100000000; 加上这个属性居然可以了! 但是这个属性文档没有,百度也没有....如果你们谁知道这属性哪里找的到,评论告诉我下呗.谢谢.…

WangEditor+thinkphp5【真实可用+原创】

今天公司要编辑文章,一开始准备用ueditor,但是到了linux环境下一直不行,所以最终放弃.改用另外一个编辑器WangEditor.更加轻量级. 遇到最大的问题是一个是图片上传,一个是div中的选择器editor没有value和name,那么post过去的值就不会有这个属性. 解决问题和过程如下: 1.先把wangeditor放在public/static/js下面 2.然后再进入到编辑页面. edit.html {include file='public/head'} <body> &…

wangEditor编辑器 Vue基本配置项

wangEditor编辑器 Vue基本配置项 1.Vue安装方法 npm i wangeditor -S <template> <div id='wangeditor'> <div id="editor">  </div> <button @click="updata&quo…

轻量级富文本编辑器wangEditor

开发公司一个系统的时候需要一个富文本编辑器,找了几个,最后选择这个,蛮不错的. 百度搜索wangEditor,进入官网根据所介绍的使用进行开发就可以了,很不错的一个工具.…

wangEditor更改默认高度

在使用WangEditor时觉得高度太低,默认是300px;想调下高度,借鉴https://blog.csdn.net/qq_31384551/article/details/83240188, 网址博主解释的很详细,我就不解释了直接在页面撸代码, <style type="text/css"> .toolbar { border: 1px solid #ccc;/*设置下拉棒*/ } .w-e-text-container{ height: 600px !importa…

asp.net core 通过ajax上传图片及wangEditor图片上传

asp.net core 通过ajax上传图片 .net core前端代码,因为是通过ajax调用,首先要保证ajax能调用后台代码,具体参见上一篇.net core 使用ajax调用后台代码. 前端代码如下: @Html.AntiForgeryToken() @{await Html.RenderPartialAsync("_ValidationScriptsPartial");} <div> <form id="uploadForm">…

wangEditor使用简记

页面  <div style="width:800px">  <textarea id="textarea1" style="height:400px;max-height:500px;"> <p>请输入内容...</p> </textarea> </div> <button id…

轻量级web富文本框——wangEditor使用手册（6）——配置“上传图片”功能

最新版wangEditor: 配置说明:http://www.wangeditor.com/doc.html demo演示:http://www.wangeditor.com/wangEditor/demo.html 下载地址:https://github.com/wangfupeng1988/wangEditor -------------------------------------------------------------------------------------------…

轻量级web富文本框——wangEditor使用手册（5）——配置“插入代码”功能

最新版wangEditor: demo.文档:http://www.wangEditor.github.io/ 下载地址:https://github.com/wangfupeng1988/wangEditor ------------------------------------------------------------------------------------------------------------- 欢迎关注我的微博. 也欢迎关注我的教程: <从设计到模式><…

轻量级web富文本框——wangEditor使用手册（4）——配置下拉菜单 demo

最新版wangEditor: 配置说明:http://www.wangeditor.com/doc.html demo演示:http://www.wangeditor.com/wangEditor/demo.html 下载地址:https://github.com/wangfupeng1988/wangEditor -------------------------------------------------------------------------------------------…

轻量级web富文本框——wangEditor使用手册（3）——如何自定义配置菜单 demo

最新版wangEditor: 配置说明:http://www.wangeditor.com/doc.html demo演示:http://www.wangeditor.com/wangEditor/demo.html 下载地址:https://github.com/wangfupeng1988/wangEditor -------------------------------------------------------------------------------------------…

轻量级web富文本框——wangEditor使用手册（2）——扩展一个“缩进”功能 demo

最新版wangEditor: 配置说明:http://www.wangeditor.com/doc.html demo演示:http://www.wangeditor.com/wangEditor/demo.html 下载地址:https://github.com/wangfupeng1988/wangEditor -------------------------------------------------------------------------------------------…