notadd / neditor Goto Github PK

View Code? Open in Web Editor NEW

1.9K 52.0 267.0 129.59 MB

基于 ueditor的更现代化的富文本编辑器，支持HTTPS

Home Page: https://demo.neditor.notadd.com/

License: MIT License

JavaScript 78.53% HTML 8.38% Java 0.03% CSS 12.98% ASP.NET 0.06% Classic ASP 0.02%

notadd ueditor neditor editor

neditor's Introduction

新版发布

2.1 发布，此次版本移除了后端相关代码，纯 ajax 提交，请配置 neditor.config.js neditor.service.js，支持各种后端或者云存储。

捐赠

该项目需要您的支持，捐赠以支持此项目的发展。

第一步：下载编辑器

方式一：完整安装包（推荐）

Neditor.tar.xz

方式二： npm安装

npm i @notadd/neditor -S

方式三：编译安装

git clone https://github.com/notadd/neditor.git
npm install
npm run build

第二步：在浏览器打开 index.html

进入到目录 dist , 使用浏览器打开文件 index.html 。

如果看到了下面这样的编辑器，恭喜你，初次部署成功！

技术支持

该项目基于 MIT 协议开源，任何组织/企业以及个人都可以免费使用（保留版权）。
如果您需要额外商业技术支持或者定制编辑器，请联系 QQ：1256985886

其他版本待添加

自定义的参数

编辑器有很多可自定义的参数项，在实例化的时候可以传入给编辑器：

var ue = UE.getEditor('container', {
    autoHeight: false
});

配置项也可以通过 neditor.config.js 文件修改，具体的配置方法请看 [前端配置项说明](http://fex.baidu.com/ueditor/#start-config1.4 前端配置项说明.md)、后端配置项说明

编辑器图片、视频、涂鸦、附件上传service

编辑器上传逻辑单独在 neditor.service.js 文件配置，具体的配置方法见注释

设置和读取编辑器的内容

通 getContent 和 setContent 方法可以设置和读取编辑器的内容

var ue = UE.getContent();
ue.ready(function(){
    //设置编辑器的内容
    ue.setContent('hello');
    //获取html内容，返回: <p>hello</p>
    var html = ue.getContent();
    //获取纯文本内容，返回: hello
    var txt = ue.getContentTxt();
});

Ueditor 的更多API请看API 文档

下载地址

Neditor 码云： http://gitee.com/notadd/neditor

Neditor github 地址：http://github.com/notadd/neditor

详细文档

Ueditor 文档：http://fex.baidu.com/ueditor/

注: 对IE8以下版本不再承诺兼容

关于 HTTPS

使用了又拍云CDN 服务，支持跨域和 https。

如果有需要，也可将下面域名改成自己的。

imgbaidu.b0.upaiyun.com
tingapi.b0.upaiyun.com

联系我们

Neditor官方交流群：257753500

QQ 群： 321735506

issue

Todo

2.1

将上传封装为 service ，支持非 GraphQL 接口。
细节样式修改(美化)

2.2

word 内图片自动上传
粘贴图片转为本地图片（图片本地化）

2.3

上传文件/图片无需后端

3.0

使用 Typescript 重构
草稿箱功能与离线保存
service worker 特性
实现 2.0 的大部分功能

其他项目：Notadd

https://github.com/notadd/notadd

感谢提供赞助：

neditor's People

Contributors

Stargazers

Watchers

Forkers

osub ive4 cumtsgw devopsmi slanterns-fork b-xiang bulldba smartfire lisir 7cai litswu resfront 14686039 im286er anqinganan keyzf extremeyu tycheo yezihack limited1010 leorian jarvixhsj huajiantang smile2049 feiman chenzx1986 doyoo hetian9288 htobenothing xiaoyexu jarvisxiong cigua redisck baidule kevin-penn baitongda zhangjunwen 98jjy williams-lu alicefengqiud xcode-maker yao00jun rexleimo linjiulong ghbwupeng emaiqi gimefive wangboshun venuspp jia-xf macccha520 caizhiguang brucewu16899 xcschina simlan lijiadao waveng jierui zhenghaiye ccmyli rebortboss jason985 sturuby liuzhuoling2011 yuamo d8q8 tianjun7321 twxjlmq huangdidog leeson8888 gpsbird cj-cp3 teammin everan-1994 nhzex qingsong81 zoewang junjin-lee jbasttdi linecode unistate aslyr mybsdcs zhoudaqing stantoxt zhoujian1210 bensondu guoyu07 bqdove kelvinyellow baiyunchen zongwei007 jinxin1995 upyun flyinghorser hollinsruc mrtian2016 lumingliang meiloucheng weikety

neditor's Issues

bootstrap 4的模态框里面无法显示

锚点：插入后点击 html 后无相关代码

锚点插入后点击 html 后无相关代码

HTTPS 下加载问题

http://static.tieba.baidu.com/tb/editor/images/loading.gif

编辑器会加载此图片，导致https报错

官方demo中，插入音频或视频，再点击html按钮，刚刚插入的内容就消失了

访问咱们的官方DEMO
先搜索并插入一个音频，显示『音乐插入成功』
然后点击左上角的『html』按钮查看源码，发现没有音频的源码
然后再点击『html』，就会发现刚刚插入的音频，消失了

视频同样的效果

build：编译后存在 utf8-php 文件夹

图片不能收缩

点击上传图片之后（多图和单图上传），图片能放大只能收缩

选中图片后就不能选中文字了

草稿箱：暂时移除该功能

插入地图有问题

我尝试了你的线上demo，百度原版的线上demo，以及我自己部署的demo，发现三个地方中：百度的能插入静态地图，neditor无法插入静态地图。动态地图都插入不了。我猜测是不是由于百度现在使用地图需要开发者秘钥的原因？如果是这个原因的话麻烦加个配置的接口吧，不然得手动添加，或者别人不知道以为是bug？

对齐效果有bug

文字或图片改变对齐方式后, 图标没有进行相应的变化

比如一开始是居左对齐, 点击居中对齐后, 居中对齐的图标没有被点亮, 失去焦点后图标才被点亮.

popup内input type=text 无法获得焦点

popup内input type=text 无法获得焦点，有办法解决吗？

你好，请问这是一个bug吗？

我的问题是：

使用toobar 里的"simpleupload"上传图片之后，离开编辑器，然后再点击图片，就只会选中这个图片，无法进入编辑状态：

一开始正常上传：

上传然后退出编辑再点击图片时就无法编辑了，无法回到编辑状态，只能删除图片

另外，我测试了设置editor高度为可变结果也是一样的，不能点击图片，否则无法再进入编辑状态。。。。。。。能不能看下呢，谢谢了。。。

PHP版 demo js 报错

环境 Win10 Chrome 63.0.3239.108 (64)
neditor.all.min.js:5 Uncaught TypeError: Cannot read property 'addEventListener' of null
at Object.on (http://127.0.0.1/utf8-php/neditor.all.min.js:5:18095)
at UE.Editor. (http://127.0.0.1/utf8-php/neditor.all.min.js:11:2969)
at UE.Editor.fireEvent (http://127.0.0.1/utf8-php/neditor.all.min.js:5:10909)
at UE.Editor._setup (http://127.0.0.1/utf8-php/neditor.all.min.js:6:23140)
at about:blank:1:576
请修复...

增加node的编译版本

希望增加node的编译版本

listicon 不存在

liiconpath : utils.removeLastbs(this.rootPath) + '/themes/ueditor-list/',

文件缺失。

上传视频右下角的对其方式样式错误

使用了neditor 的默认样式

如何实现类似于summernote的Air-mode编辑模式

如何实现类似于summernote的Air-mode编辑模式，另外neditor最小高度好像不能低于60，如果将initialFrameHeight的值设置小于60是无效的，也就是说最小值就是60左右！

插入音乐点搜索无反应

搜索按钮无提交数据

如何自定义构建

自定义构建，类似百度的UBuilder，自选功能下载，如下图

上传图片相应的CSS 404问题

iframe: 插入URL无反应

插入 URL ，没反应

neditor你好，该版本编辑器压缩版大小都高达400kb，不适用开发环境，是否有出简化版的可能？

nothing

算了，不如自己解决。

你好，请问如何修改，让上传的图片显示不要占满整个编辑器呢？

请问在哪里修改呢？找了半天没找到

编辑器上传图片会占满100%的宽度，如何缩小？

编辑器：滚动页面出现大片空白

在新增了2图片后，大概是占满了输入窗口的全部。往下滚动，会出现很长的空白 div 标签。
大概跟编辑器的自动高度有关？

在Firefox下关掉自动长高，滚动条达到一定高度点击Toolbars的功能，滚动条自动回到顶部了

关闭自动自动长高：
autoHeightEnabled:false
设置初始高度：
initialFrameHeight:400

这样的设置应该是内容超过400的高度自动出现滚动条，但是在Firefox 59.0.3版本下（其它版本没试），内容达到一定的高度（大概initialFrameHeight设置的高两倍），再点击上工具条的功能滚动条就自动回到了顶部了。Chrome则不会有这样的现象。

不知道有没有朋友也遇到这样的问题

音乐/视频：插入音乐或者视频后，在 html 代码中找不到

查看html代码

然后切换回来就空了

图片选中的问题

图片编辑是一个很大的问题，特别是当我使用了固定高度后，选中图片就坑爹的出现截图的问题。如果禁用掉或是修正。

此问题是在固定高度时出现的，补充下，在Neditor也一样有这个问题

编辑器插入表情后，前端显示非常大，不正常

菜单显示bug问题

为什么编辑器首次打开，菜单的图标都会超级大，然后缩小，有什么好的解决方案么

背景：在线图片无反应

点击在线图片：

如何禁止editor自动移除code标签

过滤白名单中有code标签，在使用的过程中pre 标签下的 code标签还是会被自动移除

例如

<pre><code>var a = 0;</code></pre>

被替换成

<pre>var a = 0;</pre>

附件：附件不能上传的 BUG

支持附件上传～

更新到1.5.1后，simpleupload，

更新到1.5.1后，simpleupload ，使用Google Chrome 60.0.31127还是很慢，
使用modal,点击全屏后，显示不出来。

图片：使用图片搜索功能，插入图片后变小

图片跟 loading 一样大～～

如何集成到react项目里面？

neditor感觉很不错啊，想把它集成到react项目里面，请问有比较好的集成方式么？

监听“beforeInsertImage”失效

监听“beforeInsertImage”事件失效

复制粘贴的HTML富文本，元素会被自动添加 style标签，怎么不默认添加？

研究了几天 neditor ,发现粘贴的HTML富文本，会自动加上 style属性，看了代码，没发现在哪去掉，请求指导，谢谢。

视频插入是否支持插入视频网站的iframe格式的通用代码

爱奇艺、优酷、腾讯等分享的时候都有个通用代码，希望能像wangeditor一样支持

致命问题

系统环境， mac，
浏览器 chrome，
demo地址：https://demo.neditor.notadd.com/

问题描述：

鼠标移动到图标上（工具栏上）无提示，查看dom里的确title还在，但是不提示了，应该是改svg的问题

百度官网的demo没这个问题，这个问题导致几乎要都点一遍才知道是什么功能，

严重妨碍使用，望修复

请问怎么吧neditor 加入vue中呢?

nodejs版啥时候出

nodejs版啥时候出？等着用

代码中的<>号有问题

比如插入C语言代码。你写的#include <stdio.h> 在保存之后再次编辑的时候，读取到的内容 <stdio.h> 整个就没了，消失了。这是bug么？

恕我直言，你们的换行符居然是CRLF。。。

当然咯，对功能没啥影响，只是每次加入git的时候，都会出现一大堆类似：warning: CRLF will be replaced by LF in public/plugins/neditor/neditor.all.js的提醒

自定义工具栏按钮无法显示

自定义按钮支持吗？我试了一下按照原版 Ueditor 添加自定义按钮可以显示，但是按照 Neditor 则不显示，是什么原因？

内容区：实际高度还是撑开了，编辑器和页面都有了滚动条

编辑器表情 HTTPS问题

插入表情时，由于引入的是百度 http开头的地址，导致HTTPS下显示不安全

README说明中含错别字

在README文档中有个错别字！具体位置：
入门部署和体验 -> 第一步：下载编辑器病并用Grount进行项目构建

不支持file协议

我已经修改了代码设置为了window.UEDITOR_CONFIG中的serverUrl，然后index.html使用file协议打开，发现依旧无法正常运行，现在html5 app那么火爆，不支持file协议不就等于无法在很多场景下使用吗？

.Net Core版本的后端文件上传服务

NEditor的作者您好，

今天有人告知了我NEditor的存在，我的心情是万分激动的，之前一直觉得UEditor挺好，就是很多BUG，官方也不维护了，很高兴看到有个大牛能够继续维护这个宇宙第一富文本编辑器。

当然，这不是重点。

最近我为微软最新的跨平台技术.NET Core写了UEditor的后端文件上传相关服务的API，看起来也是能够无缝的对接到您的NEditor中的，希望您能够在项目的文档中，将我的项目地址做一个链接，以便帮助到更多的人。
项目地址：https://github.com/baiyunchen/UEditor.Core

再次感谢您的无私奉献！

支持七牛云吗？

支持七牛云吗？储存方式是否支持七牛云