SNOTE!

Version 0.0.1-beta

Introduce

• SNOTE is Text Editor for Website Developer.
• SNOTE store image as path with image name in database.
• Faster than store image as Base64 (100%)
• Easy to install and Use
• Get Started Now.

Get Started

• Import a Bootstrap and Jquery to header :

  • <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    

• import file SNOTE:

  • 
    <link rel="stylesheet" href="/SNOTE/s-note.css">
    
    <script src="/SNOTE/s-note.js"></script>
    
    

Usage

• Installation:
• add ID << s-noted >> to your text Box :

  •   <input type="text" id="s-noted">
      or
      <textarea id="s-noted"></textarea>
    

Image Upload

• Import Script :

  • window.sNote = {
                ROUTE:'<<Upload Image Url>>', //laravel (Route), PHP (URL)
            }
    

• Data image return in php :

  •   Example:
      <<your code upload image here>>
      $data['image'] = <<image upload name>>
      $data['image_path'] = <<image upload path>>
      return $data;
    

More Font

• Import Script :

  • window.sNote = {
                FONT:['Font1','Font2',...],  //More Font
            }
    
    

Bug

• Bug I will fix later :

  •   Video can't add on place your focus.
      Not deleted your image stored before when your deleted from Text Editor.