WINTXCODERS Terminal
[visitante@wintxcoders-pc ~]:$ Bienvenido a la comunidad
Recuerda que puedes participar en nuestra comunidad registrándote

Como hago esto?

Iniciado por Painb0y, Junio 30, 2016, 01:41:13 AM

« anterior - próximo »

Painb0y

Visitante

  • Desconectado
  • Junio 30, 2016, 01:41:13 AM Last Edit: Junio 30, 2016, 01:47:21 AM by Painb0y
    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:





    Código del editor html: (También trae algunos archivos js, pero el script que estoy desarrollando es php):
    Código (html5) [Seleccionar]
    <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, &quot;Courier New&quot;, 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>

    Pablo Velasco



  • Desconectado
  • Te recomendaría usar este editor, tiene más funciones y es más fácil de manejar,
    https://www.tinymce.com/



    Painb0y

    Visitante

  • Desconectado
  • Cita de: Granainos en Junio 30, 2016, 03:27:55 PM
    Te recomendaría usar este editor, tiene más funciones y es más fácil de manejar,
    https://www.tinymce.com/

    Muchas gracias, funciona de maravilla, me tomo sólo 5 minutos instalarlo.

    WIитX



  • Desconectado
  • Soy el único que no puede ver el código que a dejado el compañero?
    Entrar a la web Click aquí
    "Es más divertido hacerse pirata que unirse a la marina." (Steve Jobs)
    Dudas / Sugerencias: [email protected]