Que tal, bueno me paso por aquí para hacerles una pequeña consulta.
Resulta que estoy desarrollando un script y necesitaba colocar un editor de texto enriquecido en una de las páginas, utilice básicamente un script llamado Quill ya que va bastante bien, pero el problema que tengo es que no se como recoger la información que se coloque dentro de el editor enriquecido :v.
Alguién me podría decir como guardo esa información dentro de mí base de datos?
Imagen:
(http://imgur.com/2dtOwwv.jpg)
Código del editor html: (También trae algunos archivos js, pero el script que estoy desarrollando es php):
<div id="content-container">
<div class="basic-wrapper">
<div class="advanced-wrapper">
<div class="toolbar-container"><span class="ql-format-group">
<select title="Font" class="ql-font">
<option value="sans-serif" selected>Sans Serif</option>
<option value="Georgia, serif">Serif</option>
<option value="Monaco, "Courier New", monospace">Monospace</option>
</select>
<select title="Size" class="ql-size">
<option value="10px">Small</option>
<option value="13px" selected>Normal</option>
<option value="18px">Large</option>
<option value="32px">Huge</option>
</select></span><span class="ql-format-group"><span title="Bold" class="ql-format-button ql-bold"></span><span name="italic" class="ql-format-separator"></span><span title="Italic" class="ql-format-button ql-italic"></span><span name="underline" class="ql-format-separator"></span><span title="Underline" class="ql-format-button ql-underline"></span></span><span class="ql-format-group">
<select class="ql-color">
<option value="rgb(0, 0, 0)" selected></option>
<option value="rgb(230, 0, 0)"></option>
<option value="rgb(255, 153, 0)"></option>
<option value="rgb(255, 255, 0)"></option>
<option value="rgb(0, 138, 0)"></option>
<option value="rgb(0, 102, 204)"></option>
<option value="rgb(153, 51, 255)"></option>
<option value="rgb(255, 255, 255)"></option>
<option value="rgb(250, 204, 204)"></option>
<option value="rgb(255, 235, 204)"></option>
<option value="rgb(255, 255, 204)"></option>
<option value="rgb(204, 232, 204)"></option>
<option value="rgb(204, 224, 245)"></option>
<option value="rgb(235, 214, 255)"></option>
<option value="rgb(187, 187, 187)"></option>
<option value="rgb(240, 102, 102)"></option>
<option value="rgb(255, 194, 102)"></option>
<option value="rgb(255, 255, 102)"></option>
<option value="rgb(102, 185, 102)"></option>
<option value="rgb(102, 163, 224)"></option>
<option value="rgb(194, 133, 255)"></option>
<option value="rgb(136, 136, 136)"></option>
<option value="rgb(161, 0, 0)"></option>
<option value="rgb(178, 107, 0)"></option>
<option value="rgb(178, 178, 0)"></option>
<option value="rgb(0, 97, 0)"></option>
<option value="rgb(0, 71, 178)"></option>
<option value="rgb(107, 36, 178)"></option>
<option value="rgb(68, 68, 68)"></option>
<option value="rgb(92, 0, 0)"></option>
<option value="rgb(102, 61, 0)"></option>
<option value="rgb(102, 102, 0)"></option>
<option value="rgb(0, 55, 0)"></option>
<option value="rgb(0, 41, 102)"></option>
<option value="rgb(61, 20, 102)"></option>
</select><span class="ql-format-separator"></span>
<select title="Background Color" class="ql-background">
<option value="rgb(0, 0, 0)"></option>
<option value="rgb(230, 0, 0)"></option>
<option value="rgb(255, 153, 0)"></option>
<option value="rgb(255, 255, 0)"></option>
<option value="rgb(0, 138, 0)"></option>
<option value="rgb(0, 102, 204)"></option>
<option value="rgb(153, 51, 255)"></option>
<option value="rgb(255, 255, 255)" selected></option>
<option value="rgb(250, 204, 204)"></option>
<option value="rgb(255, 235, 204)"></option>
<option value="rgb(255, 255, 204)"></option>
<option value="rgb(204, 232, 204)"></option>
<option value="rgb(204, 224, 245)"></option>
<option value="rgb(235, 214, 255)"></option>
<option value="rgb(187, 187, 187)"></option>
<option value="rgb(240, 102, 102)"></option>
<option value="rgb(255, 194, 102)"></option>
<option value="rgb(255, 255, 102)"></option>
<option value="rgb(102, 185, 102)"></option>
<option value="rgb(102, 163, 224)"></option>
<option value="rgb(194, 133, 255)"></option>
<option value="rgb(136, 136, 136)"></option>
<option value="rgb(161, 0, 0)"></option>
<option value="rgb(178, 107, 0)"></option>
<option value="rgb(178, 178, 0)"></option>
<option value="rgb(0, 97, 0)"></option>
<option value="rgb(0, 71, 178)"></option>
<option value="rgb(107, 36, 178)"></option>
<option value="rgb(68, 68, 68)"></option>
<option value="rgb(92, 0, 0)"></option>
<option value="rgb(102, 61, 0)"></option>
<option value="rgb(102, 102, 0)"></option>
<option value="rgb(0, 55, 0)"></option>
<option value="rgb(0, 41, 102)"></option>
<option value="rgb(61, 20, 102)"></option>
</select><span class="ql-format-separator"></span>
<select title="Text Alignment" class="ql-align">
<option value="left" selected></option>
<option value="center"></option>
<option value="right"></option>
<option value="justify"></option>
</select></span><span class="ql-format-group"><span title="Link" class="ql-format-button ql-link"></span><span class="ql-format-separator"></span><span title="Image" class="ql-format-button ql-image"></span><span class="ql-format-separator"></span><span title="Bullet" class="ql-format-button ql-bullet"></span></span><span class="ql-format-group"></span></div>
<div class="editor-container"></div>
</div>
</div>
Te recomendaría usar este editor, tiene más funciones y es más fácil de manejar,
https://www.tinymce.com/ (https://www.tinymce.com/)
You are not allowed to view links.
Register or Login
Te recomendaría usar este editor, tiene más funciones y es más fácil de manejar,
https://www.tinymce.com/ (https://www.tinymce.com/)
Muchas gracias, funciona de maravilla, me tomo sólo 5 minutos instalarlo.
Soy el único que no puede ver el código que a dejado el compañero?