This library is simple HTML5 web text editor using the Contenteditable attribute.
- I'm sorry, Image inserting is not supported..😅
- Internet Explorer is not supported.😂
- JS
- nbtextedit.js
- nbtextedit_min.js
- CSS
- nbtextedit.css
- nbtextedit_min.css
Just select! but, keep relative path of files.
-
Import javascript, css files.
-
Plz do this. So editor will be created in div that has 'NB-texteditor'.
<body> <div id="NB-texteditor"></div> </body> <script>NBnote();</script>
-
You can choice these option!
NBnote( color='#12b886', link=true, image=false, eng=false );
-
color : Just select that color you like.
-
link : If you want insert link function, select 'true'.
-
image : If you want insert image function, select 'true'.
I'm Sorry..😅 Image inserting is not supported not yet.
-
eng : If you want to use by English, select 'true'.
-
-
Use this function.
let your_data = NBnoteData(title=false, post=false, images=false);
(title = false) is default, (post=false) is default, (images=false) is default.
This function will return FormData to you.
-
❗WARNING❗ If you don't use this function, This editor's link tag may not work normally.
-
If you add this Class to div you want, Editor Css is activated.
<!-- View Div --> <div class="NB_NoteBoard"> </div>
Any kinds of contributions are welecomed. Since the test codes of the project is not completed yet, pull requests might take a while.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent