Need a tiny, light html editor for web [closed] - javascript

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
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.

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 needs and has some
functionality built in to help keep the rendered markup as clean as
possible.

If you using bootstrap. Consider to use summernote.
Super Simple WYSIWYG Editor on Bootstrap.
http://summernote.org

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/

Did you look at TinyMCE?

If you're using bootstrap try Bootstrap-WYSIWYG

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

Related

Draft-js saving and displaying HTML [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
I'm wondering if anyone came up with any tutorial / walk through for Draft-js to simply save editor state and display it as html to the user. I've been searching and trying and still unable to display html. It seems like most are just saving the editor state and reloading it into the editor instead of displaying it as html.
It seems like most go with convertFromRaw and convertToRaw, but the amount of steps included in that seems like there are quite a few steps that should be simplified, and the example here: https://draftjs.org/docs/api-reference-data-conversion.html#content seems like it's only used to place the content back in the editor later.
Maybe I'm not even looking at the right tool - I simply want an editor to save formatted text and display it. I'm not sure why the resources are so hard to find, or if I'm just looking in the wrong spots (seems like there are too many packages for Draft-js with not much documentation and examples IMO). However, I'm sure this must not be hard to accomplish.
Draftjs is concentrating on displaying rich text within an editor. However, if you want to display the corresponding HTML you have to use an external package called draftjs-export-html.
import {stateToHTML} from 'draft-js-export-html';
you can get the html using let html = stateToHTML(editorState.getCurrentContent(), options); this will do the basic formatting of styles like bold, italic etc. You can also pass your own styling preferences of your draftjs entites using the option parameter.
https://www.npmjs.com/package/draft-js-export-html

Code colors in Html using CSS or javascript [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I have a website and I teach Java on it.
I know html and css if it helps..
I have lectures in my site and in my lectures there are descriptions: in the description I write code sometimes so I made a class for code so everytime I type code I do and it looks good, but not perfect.
I want to make specific words to be bold and in blue or pink color for example.
Is there a way to do it? maybe with javascript?
I know I can create a new class for special words and then to do for example but this will be too much job to write this span every time that it's not worth it.
So is there a way to do it maybe with html5 or js? Thank you.
edit: I use the usefedora.com platform so it's more difficult to do it, does somebody knows how to do it on usefedora's platform?
the thing you are searching for is a codemirror. There are many codemirrors but only one of them is called codemirror.
Code Mirror
There are also solutions that don't require you to write any javascript, using web components.
Prism.js
Here is one that's insanely trivial to use
There are plenty of code to html converters which do syntax highlighting if that's what your looking for e.g.
http://tohtml.com/java/
or
http://hilite.me/
You can take this HTML and use it on your site.
You can also download a jQuery plugin. SyntaxHighlighter is very popular.
The way they work is that you copy the files to your website, and then you just put your code into a tag, and the plugin automatically beautifies your code.
I would recommend choosing one of these libraries- PrismJS, Highlight.js, or Rainbow.
Each is designed for exactly this purpose. You just put your code into the web page, inside an HTML5 code tag decorated with the language name. They will automatically format your code with the necessary markup to attach color styles to. No need for any external tools. The first two provide their own styles as well, the last assumes you'll write your own.

Editor for any markup language with table generation [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I need some editor tools for any markup language that could provide simple table generation and text editing for my users. Something like stackoverflows markdown editor, but with table generation support. What kind of markup language and editor can I use?
You might be interested in WYSIWYG text editor called CKEditor.
It is api for web, you can embed it into your web application using just html + javascript.
It support most of major browsers, and is hightly customizable.
It generates pure html on the end. And has wide range of tools, especially the one you are looking for: table.
Check out the demo: http://ckeditor.com/demo
I personally like TinyMCE, but I might be biased since it's the default editor for all the projects I do at my day-job :) You can check it out here: http://www.tinymce.com/tryit/full.php but be aware, the one in the demo is set up with overkill many features enabled. It's highly customizable, so you can make it do just what you want, and pretty easily too.

Looking for a Flash/JS-based SVG editor or editing framework [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I'm looking for a framework or library to create SVG images. It should run in the browser, so it should be based on Flash or maybe JavaScript. Up to now I found the Flash library by inevo.pt, the SVG editing component of Dojox, and some little JavaScript tools.
Is there anything else, preferrably stable and mature?
Thanks a lot in advance!
-- Andreas
Exporting to svg is a pretty easy step to take.
Draw & Export to svg from FLASH
Example
Have you seen Raphael? http://raphaeljs.com/ This is a JS drawing framework that renders in SVG, Canvas, or VML depending on browser capabilities.
SVG-Edit (demo) is coming along nicely. It's a basic editor which the developers plan to move to a plugin architecture to enable third-party tools. It integrates nicely with the MoinMoin wiki, to allow inline editable diagrams etc.
I think within a year there will be several good open source editors available, using different base JS libraries, now that the ground has been broken by svg-edit
Not really sure why you'd want this. Inkscape is cool but doesn't run in a browser.
I think i have some on http://svg.startpagina.nl
Have you tried Amaya http://www.w3.org/Amaya/

Where can I find a good jQuery drop shadow plugin? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
Does anyone have a good recommendation for a drop shadow jQuery plugin?
I've been working on a project that had every element on the page with a subtle drop shadow, we started using RUZEE to do the shadows but there was a severe performance hit when you had more then 4 or 5 shadows being calculated on the page.
I went to writing my own plugin, I call it simple shadow and it only uses jQuery to inject images in floating div's around the div you want a drop shadow. Nothing elegant but for the purpose of completing that site it worked without performance hits.
Now my plugin isn't anything special but I am still in search for a good light weight shadow plugin.
CSS 3 will support drop shadow. Firefox and Safari are already supporting the feature.
You might want to use that instead of the jQuery functionality, since it will run in browsers who have turned off javascript.
Take a look at http://www.css3.info/preview/box-shadow/ for a demo of the shadow.
The original site hosting the jQuery Dropshadow plugin has apparently gone down.
For anyone looking for it, I'm currently hosting it on my Dropbox account.
jQuery UI also provides drop shadow functionality.
The JQuery UI no longer supports shadow functionality.
try the FontEffect jQuery Plugin, sorry I can't post the link, but you can find it easily on google or jQuery plugin site.

Categories