Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.12k stars 4.94k forks source link

[UI] Rich Text Editor #222

Closed comtom closed 6 years ago

comtom commented 11 years ago

It would be very nice & handy to have a full featured text editor as a component.

There are several examples, like CLEditor or TinyMCE. TinyMCE is one of the most popular, but there are some better like this one:

http://mindmup.github.io/bootstrap-wysiwyg/

it has some bugs but is great. I've encountred problems while pasting MS Word styled text, except that it works great.

jlukic commented 11 years ago

https://github.com/daviferreira/medium-editor http://jakiestfu.github.io/Medium.js/docs/

brigand commented 11 years ago

http://xing.github.io/wysihtml5/

javajack commented 11 years ago

Any editor you pick, should have Markdown rendering and rich text to markdown capability. It is always good to store markdown in database than the XSS vulnerable html code !

brigand commented 11 years ago

@javajack "XSS" isn't a problem as far as the editor's concerned. If people want to insert stuff, they'll bypass the editor and make a direct request to the server.

Also, Markdown makes an assumption about the server, which we can't really do. Markdown could be an option, along with other rich text formats. Generally, there's an option to convert basic HTML into any of these formats, which might be the most general approach (e.g. html2markdown for markdown, unoconv converts to mostly everything else).

Most formats are simple enough to convert html to, that an average programmer could write one in an afternoon. I think it's best to leave that outside of this project.

A round trip could look like this:

oknoorap commented 11 years ago

http://sofish.github.io/pen/ (like medium editor)

salarmehr commented 8 years ago

I would be nice to include a very lightweight markdown editor.

rubydog commented 8 years ago

@oknoorap Have you been able to get pen editor working? In my case the javascript seems to be working fine but it I can't see the tooltip when I select text in text area.

hubertguillemain commented 7 years ago

Coming back on this topic: there are many Rich text editors out there, absolutely I think the requirement is to maintain look and feel with the rest of Semantic UI (buttons, font, focus, ....)

stale[bot] commented 6 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.