Skip to content

codad5/Insert-text-Editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Codad5/Jbotrex web-based text editor

This is a module for a web based text editor which would ensure seamless intergration into a website,blog etc with less than 2 lines of code. 😃

How to Use

link our module with a script tag at the bottom of your html file

<script type="module" src="https://github.com/codad5/Insert-text-Editor/insert/index.js"></script>

Create your Parent div

   <div data-editor-frame>

   </div>

NOTE : To add Name attribute for form usage

   <form>
       <input type="text" name="title">
       <!-- the value for the data attribute data-editor-formName is the same as
       <textarea name="body"> </textarea>
       -->
       <div data-editor-frame data-editor-formname="body">

   </div>
   </form>

the value for the data attribute data-editor-formName is the same as

       <textarea name="body">

       </textarea>

Open source contribution

Clone this repo

    $ git clone 

Run on a Live serve

if you have node installed

    $ npx serve

If you have php installed

    $ php -S localhost:8080

OR run live-server if you are using vs-code live server extension

Begin development

To being developent the main script is at ./insert/main.js

The ./insert/index.js is a script for adding Eventlistener

The index.html is not to be edited as it is just a template

The script directory is an old directory it can be ignored

Todos
  • Style The Editor
  • Fix Highlighed Coloring Bug
  • Add Media Insertion Feature

About

This a web based text editor built by @codad5 and @jerrygeorge360

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •