¿Cómo se puede mostrar el texto en negrita en un textarea?

Tengo este código:

<textarea><b>test</b></textrea>

Se muestra el código HTML bruto. En su lugar, me gustaría mostrar simplemente el texto en negrita.

¿Cómo puedo lograr esto?

Se podría reformular su pregunta, parece un lío embarullado en el momento…
Acaba de quitar el <b> etiquetas 😛
supongo que él sólo copypasted palabras al azar para llenar algunos contect, de otra forma el mismo error se produce si la pregunta es una pequeña
se siente mal cuando la gente pide ayuda y no se molestó siquiera en hacer su pregunta clara y con un perezoso e irresponsable manera
Estoy bastante seguro de que la pregunta debería ser «yo quiero que el texto en negrita en un textarea. Pero con mi primer código, el texto en la caja de texto es <b>test</b>. Cómo puedo hacer que el textarea mostrar la ‘negrita’ efecto?»

OriginalEl autor xujinliang | 2012-02-14

2 Kommentare

  1. 8

    Si desea que el cuadro de texto para mostrar el texto en negrita, puedes hacerlo a través de css atributo de estilo:

    <textarea style="font-weight: bold">test-text</textarea>

    Esto hace que el textarea mostrar todo el texto en negrita, como sería en <b>text</b>.

    Sin embargo, esto afecta a todo el texto del textarea. No hay ninguna manera de mostrar sólo una palabra en negrita.

    martin OP había mejor aclaró su pregunta primero de todos modos bueno, si ayuda aunque OP
    Tienes razón, pero no creo que el OP va a leer, entender y seguir los comentarios a la pregunta original ahora, sino que será frustrado. Obtención de ayuda y no sólo ser votada abajo y se rieron puede concentrar su atención en el problema de su fraseo mal, demasiado.
    su razón le parece justo. que genial entonces 🙂

    OriginalEl autor Martin Hennings

  2. 5

    Con el fin de mostrar el estilo de HTML en lugar de la pura código HTML dentro de un textarea, usted necesita un JavaScript editor WYSIWYG. Usted puede elegir entre muchos diferentes, puedo pensar en dos ahora mismo: CKEditor y TinyMCE, aunque se pueden encontrar muchas más. Por favor, consulte la documentación de cada uno para aprender acerca de cómo integrar en su aplicación. Lea la información en sus sitios web para decidir cuál se adapta mejor a ti.

    Sólo a permitir tener un inicio rápido, he aquí un ejemplo de cómo integrar fácilmente los menciono.

    CKEditor

    Primer, lugar la descarga de CKEditor paquete en la aplicación del documento de la raíz, de modo que usted puede tener acceso al archivo /ckeditor/ckeditor.js.

    En la página con el textarea, agregue este código:

    <script src="/ckeditor/ckeditor.js"></script>
    <script>
        window.onload = function () {
            CKEDITOR.replaceAll('wysiwyg');
        };
    </script>

    Por último, asegúrese de que el área de texto en cuestión tiene el wysiwyg clase:

    <textarea class="wysiwyg"><strong>test</strong></textarea>

    TinyMCE

    De nuevo, descargue el paquete y ponerlo en algún lugar en el directorio raíz de documentos, de modo que el archivo /tinymce/tiny_mce.js es accesible.

    Añadir este fragmento de código en el archivo que contiene la caja de texto:

    <script src="/tinymce/tiny_mce.js"></script>
    <script>
        window.onload = function () {
            tinyMCE.init({
                mode: "textareas"
            });
        };
    </script>

    Si has configurado todo correctamente, usted debe conseguir un editor WYSIWYG en lugar de la caja de texto, mostrando todos sus estilos.

    OriginalEl autor mingos

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea