All Projects → youlookwhat → RichEditorView

youlookwhat / RichEditorView

Licence: Apache-2.0 license
Android 基于WebView的富文本编辑器 - 仿简书编辑器

Programming Languages

java
68154 projects - #9 most used programming language
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to RichEditorView

artibox
Artibox - A complete rich text editor based on Slate framework.
Stars: ✭ 21 (-72.73%)
Mutual labels:  rich-text-editor, rich-text, rich-editor
Hricheditor
Android端富文本编辑器HEichEditor
Stars: ✭ 311 (+303.9%)
Mutual labels:  rich-text-editor, rich-text
Text
📑 Collaborative document editing using Markdown
Stars: ✭ 282 (+266.23%)
Mutual labels:  rich-text-editor, rich-text
Ngx Quill
Angular (>=2) components for the Quill Rich Text Editor
Stars: ✭ 1,382 (+1694.81%)
Mutual labels:  rich-text-editor, rich-text
Angular Editor
A simple native WYSIWYG editor component for Angular 6 -10+
Stars: ✭ 428 (+455.84%)
Mutual labels:  rich-text-editor, rich-text
textbus
Textbus 是一个组件化的、数据驱动的富文本框架,支持在线协同编辑,同时也可以作为一个开箱即用的富文本编辑器,拥有非常好的扩展性和可定制性,是构建复杂富文本的不二之选!
Stars: ✭ 642 (+733.77%)
Mutual labels:  rich-text-editor, rich-text
Element Tiptap
🌸A modern WYSIWYG rich-text editor using tiptap and Element UI for Vue.js
Stars: ✭ 481 (+524.68%)
Mutual labels:  rich-text-editor, rich-text
iceEditor
iceEditor是一款简约风格的WEB富文本编辑器,体型十分娇小,无任何依赖,整个编辑器只有一个文件,功能却很不平凡!简约的唯美设计,简洁、极速、使用它的时候不需要引用jQuery、font、css……等文件,因为整个编辑器只是一个Js,支持上传图片、附件!支持添加音乐、视频!
Stars: ✭ 15 (-80.52%)
Mutual labels:  rich-text-editor, rich-editor
Richtexteditor
Rich text editor lib for android. (Img support) - 富文本编辑器(支持图片)
Stars: ✭ 172 (+123.38%)
Mutual labels:  rich-text-editor, rich-text
Flutter Quill
Rich text editor for Flutter
Stars: ✭ 177 (+129.87%)
Mutual labels:  rich-text-editor, rich-text
Ng Quill
AngularJS Component for Quill rich text editor
Stars: ✭ 223 (+189.61%)
Mutual labels:  rich-text-editor, rich-text
React Native Draftjs
A full fledged React Native Rich Text editor based on draft.js
Stars: ✭ 103 (+33.77%)
Mutual labels:  rich-text-editor, rich-text
Textbus
基于组件 + 数据驱动的现代富文本编辑器
Stars: ✭ 242 (+214.29%)
Mutual labels:  rich-text-editor, rich-text
Wxparse
微信小程序富文本解析
Stars: ✭ 135 (+75.32%)
Mutual labels:  webview, rich-text
Hybrid-Web-Platform
Full-fledged WebView as Xamarin.Forms plugin with cross-platform C# to JavaScript and JavaScript to C# calls support. Eventually invented for painless hybrid apps creation.
Stars: ✭ 19 (-75.32%)
Mutual labels:  webview
pdfjs
A sample for showing PDF files in a Xamarin.Forms application with pdf.js
Stars: ✭ 32 (-58.44%)
Mutual labels:  webview
RSS-to-Telegram-Bot
A Telegram RSS bot that cares about your reading experience
Stars: ✭ 482 (+525.97%)
Mutual labels:  rich-text
TrendingCustomAlert
You can use a ready-made custom alert controller.
Stars: ✭ 25 (-67.53%)
Mutual labels:  webview
react-rich-diff
React component to render rich diff between two documents (Markdown, HTML)
Stars: ✭ 51 (-33.77%)
Mutual labels:  rich-text-editor
electric-webview
Electric WebView is a scriptable WebView for developers.
Stars: ✭ 16 (-79.22%)
Mutual labels:  webview

RichEditorView

Android 基于WebView的富文本编辑器 - 仿简书编辑器

Functions

  • Bold
  • Italic
  • Strikethrough
  • Blockquote
  • Heading 1
  • Heading 2
  • Heading 3
  • Heading 4
  • Line
  • Undo
  • Redo
  • Insert Image
  • Insert Product(Custom layout)

特点:

  • 点击内容部分,键盘会将底部菜单栏弹起,点击标题则收起
  • 文字会自动定位在菜单栏的上方
  • 文字类型标识如加粗,删除线会根据光标位置自动改变

Setting for Editor

richEditor.edThishtml();                  // 获取标题和内容
richEditor.edUpcover(headerImageSrc);     // 添加封面图片
richEditor.edAddimgsrc(contentImageSrc);  // 添加内容图片
richEditor.edAddProduct(123, new Gson().toJson(goodsBean)); // 添加产品
richEditor.edOutdata(mTitle, mContent);  // 回显内容

Screenshots

Project Origin

为什么会有此开源项目?

公司准备在自己App内做编辑器模块,本来想用百度的开源编辑器,但是功能太复杂,参考了很多类似的编辑器都达不到项目需要的效果。结果发现了RichEditorWeb,基本功能都满足,就在此项目中做了修改,并运用到自己的项目中。感谢此项目的提供者。

在移植到项目中时,出现很多问题(如键盘上面的布局不弹起),为了解决这些问题并在其基础上扩展功能 花费了大量时间。在此特地将编辑器从项目中剥离出来,供后来的朋友参考借鉴。 如有帮助,还请Star一下,支持一下作者,非常感谢~

Question

  • 如果用户自己输入单个 英文单引号',或双引号",会回显不出来,因为html会识别为没有另一个结束符而报错。chromium: [INFO:CONSOLE(1)] "Uncaught SyntaxError: missing ) after argument list", source: file:///android_asset/rich/editor.html (1)

Thanks

License

Copyright (C) 2016 Bin Jing

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].