Text umranden
Das ist ein reiner Beispieltext für das Beispiel.
Wie geht das?
Auf dieser Seite fand ich die entsprechenden CSS-Codes. Mir gefiel das oben gezeigte Markierungsverfahren (dort Nr. 17).
Aus dem gezeigten CSS-Code benötigte ich nur diesen Teil:
.border-highlight {
border 4px dashed;
padding 0.03em 0.25em;
}
Deshalb empfehle ich, eine neue CSS-Klasse (z.B. animark) ins Standard-Template hineinzuschreiben. Dann sollte diese im TinyMCE-Editor unter "Format" erscheinen. Diese sind nicht alphabetisch sortiert!
span.reddotted umkreist nur die markierten Zeichen.
p.reddotted umkreist die markierte Zeile.
span.reddotted {
border: 4px dashed red;
padding:0.03em 0.25em;
}
Wenn du z.B. verschiedenfarbige Markierungen brauchst, dann ginge auch sowas:
span.animarkBlau, span.animarkRot, span.animarkGelb oder ähnlich.
Du musst dann halt nur jeweils eine neue Regel erstellen (neue CSS-Klasse (z.B. span.animarkRot) ins Standard-Template) und die Farbangaben für linear-gradient ändern.