Estoy tratando de desarrollar un sitio web de blogs donde estoy escribiendo un código para crear una página de blog, aquí estoy tomando el contenido del blog usando un área de texto y después de escribir el contenido del blog, el usuario tiene que publicar usando el botón publicar.
así que tengo que escribir un código para esta área de texto donde necesito dar tabulaciones en los párrafos y las siguientes líneas y la barra de desplazamiento, ¿hay alguna forma de lograr esto? para que cuando sea publicado esto, haya un párrafo propio en un blog?
<section class="body-section"> <div class="blog-wrapper"> <span class="title"> <input type="text" class="form-control form-control-lg" name="title" placeholder="Title for your blog" id="txtTitle"> </span> <span class="txtareaBody"> <textarea name="txt" class="form-control" placeholder="start writing your blog.." id="comment" rows="20" scrollable></textarea> </span> <span> <input type="file" placeholder="upload thumbnail image" formnovalidate name="imgUpload" id="ImgUpload" class="form-control"> </span> </div> </section>Para proporcionar una tabulación en los párrafos, use la propiedad de tabulación y defina el tamaño de la tabulación. Esto proporcionaría el espacio requerido en el área de texto. Aquí he proporcionado el código para su referencia. También puede consultar el enlace provisto para obtener más información sobre la inserción de pestañas y espacios en HTML: https://www.geeksforgeeks.org/how-to-insert-spaces-tabs-in-text-using-html-css/
<style> .tab { tab-size: 2; } </style> <section class="body-section"> <div class="blog-wrapper"> <span class="title"> <input type="text" class="form-control form-control-lg" name="title" placeholder="Title for your blog" id="txtTitle"> </span> <span class="tab"> <textarea name="txt" class="form-control" placeholder="start writing your blog.." id="comment" rows="20" scrollable></textarea> </span> <span> <input type="file" placeholder="upload thumbnail image" formnovalidate name="imgUpload" id="ImgUpload" class="form-control"> </span> </div> </section>