javascript 需要一个小巧轻便的网页 html 编辑器

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/7825025/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-26 01:27:19  来源:igfitidea点击:

Need a tiny, light html editor for web

javascripthtmleditor

提问by ffraenz

As the title says, I am searching a very tiny rich text editor. Every editor I've seen is big and has too many features. All I need is buttons to make text bold, italic, set the font of text, set the style to a paragraph or a heading and to add/edit links. I won't have a big library for that.

正如标题所说,我正在搜索一个非常小的富文本编辑器。我见过的每个编辑器都很大,而且功能太多。我所需要的只是使文本变为粗体、斜体、设置文本字体、将样式设置为段落或标题以及添加/编辑链接的按钮。我不会有一个大图书馆。

I think I will need to change it a bit. I have to integrate an image upload (already existing) as a feature to add and resize images in the content.

我想我需要稍微改变一下。我必须集成图像上传(已经存在)作为在内容中添加和调整图像大小的功能。

Thank's in advance.

提前致谢。

回答by Sarfraz

Check out:

查看:

TinyEditor

微型编辑器

TinyEditor is a simple JavaScript WYSIWYG editor that is both lightweight (8KB) and standalone. It can easily be customized to integrate with any website through CSS and the multitude of parameters. It handles most of the basic formatting needsand has some functionality built in to help keep the rendered markup as clean as possible.

TinyEditor 是一个简单的 JavaScript WYSIWYG 编辑器,既轻量级 (8KB) 又独立。它可以通过 CSS 和众多参数轻松定制以与任何网站集成。它处理大多数基本的格式化需求,并内置了一些功能来帮助保持渲染的标记尽可能干净。

enter image description here

在此处输入图片说明

回答by Hacker Wins

If you using bootstrap. Consider to use summernote.

如果您使用引导程序。考虑使用summernote。

Super Simple WYSIWYG Editor on Bootstrap.

Bootstrap 上的超级简单 WYSIWYG 编辑器。

http://summernote.org

http://summernote.org

回答by Justin Beckwith

It depends on what you're looking for. Do you need WYSIWYG? If not, I've had success using markitup:

这取决于你在寻找什么。你需要所见即所得吗?如果没有,我已经成功使用了标记:

http://markitup.jaysalvat.com/home/

http://markitup.jaysalvat.com/home/

回答by DwB

Did you look at TinyMCE?

你看过TinyMCE吗?

回答by Hanzaplastique

If you're using bootstrap try Bootstrap-WYSIWYG

如果您使用引导程序,请尝试引导程序-所见即所得

回答by Trantor Liu

How about bootstrap-editor? It's simple and beautiful. It extends bootstrap-wysihtml5with file-uploading feature (by using jQuery-File-Upload).

如何引导编辑器?它简单而美丽。它使用文件上传功能(通过使用jQuery-File-Upload)扩展了bootstrap-wysihtml5