Formatieren Sie den Text im JavaScript-Warnfeld

Lesezeit: 3 Minuten

Benutzer-Avatar
praveen

Wie kann ich den Text in einem JavaScript-Warnfeld formatieren? Ich möchte, dass ein Wort im Text unterstrichen wird.

Benutzer-Avatar
vladkras

Sie können nur verwenden:

\b = Backspace 
\f = Form feed 
\n = New line 
\r = Carriage return 
\t = tab
\000 = octal character 
\x00 = hexadecimal character 
\u0000 = hexadecimal unicode character

Sie können also verschiedene einfügen ASCII Zeichen, aber nicht formatieren (wie kursiv oder Fett gedruckt).

BEARBEITEN Ich muss auch erwähnen, dass in der Tat alert verhält sich wie toString Konvertierung, sodass das Einfügen von Tags und/oder Stilen nicht möglich ist.

  • Sie können mit Unicode-Zeichen unterstreichen '\u0332'; alert('h̲e̲l̲l̲o̲'); (könnte jedoch nicht als durchgezogene Linie herauskommen)

    – Paul S.

    4. Juli 2013 um 13:21 Uhr


  • @PaulS. jaaber es ist sowieso nicht unterstrichen

    – Wladkras

    4. Juli 2013 um 14:10 Uhr

  • Es ist möglich, einige interessante Sachen damit zu machen Hexa-Zahlen

    – Brasilo

    12. Juli 2018 um 6:16 Uhr

  • Danke, aber ich bin neugierig, was Sie erwarten \fFormularvorschub innerhalb einer zu erreichen alert?

    – Ashleedawg

    13. Juni 2019 um 19:46 Uhr


Benutzer-Avatar
Paul S.

Unterstreichen Sie eine Zeichenfolge mit Unicode-Zeichen '\u0332'genannt COMBINING LOW LINE

function underline(s) {
    var arr = s.split('');
    s = arr.join('\u0332');
    if (s) s = s + '\u0332';
    return s;
}

var str = underline('hello world'); // "h̲e̲l̲l̲o̲ ̲w̲o̲r̲l̲d̲"

alert(str);

Es ist nicht garantiert, dass diese Methode eine glatte Unterstreichung erzeugt.

Beispiel von confirm() auf Firefox 59:

Firefox bestätigt u0332

  • Ich brauchte dies für eine Eingabeaufforderung, um das Y in Ja zu unterstreichen. Y\u0332es. Vielen Dank. Ich habe gerade getestet var str = underline(underline('hello world')); und es macht die Unterstreichung doppelt, falls jemand danach sucht. Sie können ihm auch 3 usw. wie folgt geben: var str = underline(underline(underline('hello world')));

    – Ste

    28. März 2021 um 16:43 Uhr


Benutzer-Avatar
Igor

Sie können den Text in einem Warnfeld nicht formatieren. Aber Sie können stattdessen eine Modalbox-Lösung verwenden, hier ist eine Liste, um Ihnen den Einstieg zu erleichtern:

Benutzer-Avatar
GuyT

In meinem Fall habe ich die Internationalisierung über eine JavaScript-Datei erstellt. Ich brauchte eine Eselsbrücke auf jeder Taste, also suchte ich nach einer einfachen Lösung. Eigentlich habe ich einen einfachen Ansatz, um das gewünschte Ergebnis zu erzielen:

\u0332 ist das Unicode-Zeichen KOMBINIERENDE NIEDRIGE LINIE

Mit diesem Zeichen können Sie einzelne Buchstaben unterstreichen.

Demonstration:

alert('S\u0332earch - s underlined');

i18n = {};

i18n.SEARCH = "S\u0332earch - s underlined";

document.getElementById('search').innerHTML = i18n.SEARCH;
<button id="search"></button>

Du kannst nicht. Verwenden Sie die externe Bibliothek als JQuery-UI-Dialog oder Ihre eigene Implementierung.

Benutzer-Avatar
Davidkonrad

Brauchte das dringend, aber keine der Antworten war besonders hilfreich. Wie zwei Antworten nahelegen, besteht die Lösung darin, Unicode zu verwenden, aber Sie müssen dies richtig tun! Ich wollte auch eine besser wiederverwendbare Lösung, bei der ich das Rad nicht jedes Mal neu erfinden muss. Also kam auf diese kleine Javascript-Funktion zur Bequemlichkeit.

alert('Really need to alert some '+toUnicodeVariant('underlined', 'bold sans', 'underline')+' text');
<script src="https://rawgithub.com/davidkonrad/toUnicodeVariant/master/toUnicodeVariant.js"></script>

Sollte in allen gängigen Browsern so etwas erzeugen (versuchen Sie, das obige Code-Snippet auszuführen):

Geben Sie hier die Bildbeschreibung ein

Benutzer-Avatar
Bill Criswell

Das ist nicht möglich. Du müsstest ein Plugin verwenden. Wenn Sie jQuery installiert haben, gibt es eine Menge zur Auswahl. Wenn nicht, sieht dieser vielversprechend aus: http://simplemodal.plasm.it/#examples

1145850cookie-checkFormatieren Sie den Text im JavaScript-Warnfeld

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy