Quill installation on Meteor JS

Fistly put these link on top of your page.

<link href="//cdn.quilljs.com/1.2.3/quill.core.css" rel="stylesheet">
<script src="//cdn.quilljs.com/1.2.3/quill.core.js"></script>

<script src="//cdn.quilljs.com/1.2.3/quill.js"></script>
<script src="//cdn.quilljs.com/1.2.3/quill.min.js"></script>

<link href="//cdn.quilljs.com/1.2.3/quill.snow.css" rel="stylesheet">
<link href="//cdn.quilljs.com/1.2.3/quill.bubble.css" rel="stylesheet">

Now we need to add this div to show editor's toolbar for performing in editor operations on front page.

Attached screenshot contains the fiddle screen shot in what i have already integrated the quill editor for future references.

<div id="editor">
  <p>dummy text</p>
</div>

Now we need to add this script in order to bind id editor with editor.
for this add script at bottom of page.

<script>
     var toolbarOptions = [
                           ['bold', 'italic', 'underline', 'strike'],        
                           ['blockquote', 'code-block'],

                           [{ 'header': 1 }, { 'header': 2 }],               
                           [{ 'list': 'ordered'}, { 'list': 'bullet' }],
                           [{ 'script': 'sub'}, { 'script': 'super' }],      
                           [{ 'indent': '-1'}, { 'indent': '+1' }],          
                           [{ 'direction': 'rtl' }],                         

                           [{ 'size': ['small', false, 'large', 'huge'] }], 
                           [{ 'header': [1, 2, 3, 4, 5, 6, false] }],

                           [{ 'color': [] }, { 'background': [] }],          
                           [{ 'font': [] }],
                           [{ 'align': [] }],
                           ['link', 'image'], 
                           ['clean']                                         
                         ];

     var editor = new Quill('#editor' , {
       modules: {
         toolbar: toolbarOptions
       },
       theme: 'snow'
     });
 </script>

Thats all what it takes to setup quill.

Comments

Post a Comment

Popular posts from this blog

Setting up Orthanc server on Ubuntu 16

Setting up Orthanc server on Ubuntu 16. # How to compile, install and run newest version of Orthanc DICOM server # from Github source in Ubuntu 16.04 LTS cd sudo apt-get update sudo apt-get install build-essential unzip cmake mercurial uuid-dev libcurl4-openssl-dev liblua5.1-0-dev libgtest-dev libpng-dev libsqlite3-dev libssl-dev libjpeg-dev zlib1g-dev libdcmtk2-dev libboost-all-dev libwrap0-dev libcharls-dev libjsoncpp-dev libpugixml-dev doxygen qupzilla sudo rm -rf Orthanc* sudo apt-get purge orthanc git clone https://github.com/jodogne/OrthancMirror.git mkdir ~/OrthancBuild cd ~/OrthancBuild/ cmake -DSTATIC_BUILD=ON -DCMAKE_BUILD_TYPE=Release ~/OrthancMirror/ sudo make sudo make doc ./Orthanc --version ./Orthanc & qupzilla http://localhost:8042/app/explorer.html # press ESC key twice to ignore warning messages about Mozilla Firefox # when using the file upload function Original Post AT:  https://mark911.wordpress.com/2016/07/13/how-to-compile-i...
Read more

How to install COMODO SSL Certificates for NGINX

Image
DO ALL THINGS ON LIVE NOT ON LOCAL SERVER Setting up a SSL Cert from Comodo ================================= Step 1: Create new example key and CSR files openssl req -new -newkey rsa:2048 -nodes -keyout example_com.key -out example_com.csr This gives you two files: * ``example_com.key`` -- your Private key. You'll need this later to configure ngxinx. * ``example_com.csr`` -- Your CSR file. Now, purchase the certificate [1]_, follow the steps on their site, and you should soon get an email with your *PositiveSSL Certificate*. It contains a zip file with the following: * Root CA Certificate - `AddTrustExternalCARoot.crt` * Intermediate CA Certificate - `COMODORSAAddTrustCA.crt` * Intermediate CA Certificate - `COMODORSADomainValidationSecureServerCA.crt` * Your PositiveSSL Certificate - `www_example_com.crt` (or the subdomain you gave them) DO ALL THINGS ON LIVE NOT ON LOCAL SERVER Step 2: Go To orders, and Click on order detail and then re issuing the certificate ...
Read more

start, stop and restart Nginx (with proper installation guide for Nginx server)

Image
Step 1: Install Nginx Nginx is available in Ubuntu's default repositories, so the installation is rather straight forward. Since this is our first interaction with the  apt  packaging system in this session, we will update our local package index so that we have access to the most recent package listings. Afterwards, we can install  nginx : sudo apt-get update sudo apt-get install nginx After accepting the procedure,  apt-get  will install Nginx and any required dependencies to your server. Step 2: Adjust the Firewall Before we can test Nginx, we need to reconfigure our firewall software to allow access to the service. Nginx registers itself as a service with  ufw , our firewall, upon installation. This makes it rather easy to allow Nginx access. We can list the applications configurations that  ufw  knows how to work with by typing: sudo ufw app list You should get a listing of the application profiles: Output Availa...
Read more