Können Sie eine html-Liste innerhalb einer <textarea> und sieht es wie eine Liste?

Versuchte ich 

<textarea rows="10" columns="2"><li>joe</li><li>jerry</li></textarea>

um zu sehen, ob ich könnte eine html-Liste in einem <textarea> aber es zeigte einfach als text. Gibt es eine Möglichkeit, zu zeigen, es als eine Liste innerhalb der textarea?

InformationsquelleAutor chromedude | 2010-11-04
  1. 6

    Können Sie keine HTML-innen textareas - es ist für nur-text. Jedoch, Sie kann versuchen Sie es mit contentEditable für diese. Das Ergebnis ist nicht sehr gut, aber Sie werden die Richter, ob Sie es verwenden möchten oder nicht. Verwenden Sie einfach so etwas wie dieses: 

    <div class="editable" contenteditable="true">
    <ul>
        <li>List item</li>
        <li>List item</li>
    </ul>
</div>

    Problem dieser Methode ist, dass es schwierig vorherzusagen, welche HTML-browser zu produzieren, und dass einige der erzeugte HTML-Code sind wirklich grauenhaft, und, dass Sie müssen desinfizieren Sie die Eingabe sehr viel mehr, als mit plain-text. Auch das interface für diese nicht angegeben, so werden Sie den Umgang mit unterschiedlichen Schnittstellen in verschiedenen Browsern.

    Finden Sie unter: http://www.jsfiddle.net/yijiang/bN2tm/ und http://html5demos.com/contenteditable

    • Was sind die Nachteile bei dieser Methode?
    • Sagen Sie können kein HTML innerhalb eines textarea ist ein bisschen verwirrend. Sie können es haben, es einfach nicht als HTML gerendert.
    • Es hängt davon ab, was Sie versuchen zu erreichen...
    • ok, also wenn ich versuche, einen Bereich, in dem text eingegeben werden kann, in einem semi-formatiert (mit Listen etc.), aber gut Aussehen und leicht bedienbar durch nicht techish Menschen, die nicht leicht zu verstehen, mit Sachen wie html-markup, wäre das eine gute Methode zu verwenden?
    • Wenn überhaupt möglich, versuchen Sie, eine WYSIWYM-Lösung, wie MVW + markdown verwendet hier auf ALSO. contentEditable bedeutet viel mehr Arbeit, versucht zu reparieren, browser-Macken. Natürlich können Sie immer gehen Sie mit einem WYSIWYG-editor, aber diese Abscheulichkeiten meiner Meinung nach.
    • Jiang ok, Stimme ich völlig auf die WYSIWYGs Sie sind absolut schrecklich und nervig. danke.

    InformationsquelleAutor Yi Jiang
  2. 2

    Ist dies nicht möglich.

    textarea ist für die Anzeige und Bearbeitung text, nicht HTML.

    • ok, das ist was ich dachte, genau darauf achten, danke.
    InformationsquelleAutor Oded
  3. 0

    Es ist nicht möglich haben Sie Ihre HTML-in eine <textarea> als HTML gerendert.

    Wenn Sie möchten, dass Ihre Benutzer in der Lage sein, zu Bearbeiten und ändern Sie die Inhalte der Liste können Sie versuchen, mit einem WYSIWYG-HTML-editor wie FCKEditor oder TinyMCE.

    Es ist ein bisschen ein overkill, wenn Sie wollen einfach nur die Liste der Funktionalität und keiner der anderen rich-text-editor-Funktionen, aber diese beiden Editoren kann vollständig angepasst werden, eine nach unten getrimmt. Überprüfen Sie die FCKEditor-demo namens "Custom Toobar" für ein Beispiel.

    InformationsquelleAutor Pedro Jacinto
Schreibe einen Kommentar