Trick # 588 | Dieser Beitrag beinhaltet 1104 Wörter. – Geschätzte Lesezeit: ca. 6 Minuten.
Blindtext ist ein nützliches Werkzeug, um schnell Layouts zu testen oder Textfelder mit Platzhaltern zu füllen. Doch immer wieder denselben Blindtext manuell einzufügen, ist reichlich mühsam. Mit einem cleveren Code können Sie Blindtext in Ihrer WordPress-Installation automatisch einfügen lassen – einfach durch die Eingabe eines speziellen Schlüsselworts.
Der Code dieses Hacks ist etwas umfangreich – der Trick aber simpel.
Fügen Sie den folgenden Block der Datei functions-php Ihrer WordPress-Website hinzu. Sie bearbeiten die Datei im Backend unter Design/Theme-Datei-Editor:
// Blindtext generieren
function add_lorem_shortcut_script() {
// JavaScript direkt in den Adminbereich einfügen
if (is_admin()) {
?>
<script>
document.addEventListener('input', function (event) {
const activeElement = document.activeElement;// Überprüfen, ob der Cursor in einem Textfeld oder Editor ist
if (activeElement && (activeElement.tagName === 'TEXTAREA' || activeElement.tagName === 'INPUT' || activeElement.isContentEditable)) {
// Hole den aktuellen Textwert
let value = activeElement.value || activeElement.textContent;// Überprüfen, ob "lorem" eingegeben wurde
if (value.endsWith('lorem')) {
// Blindtext-Optionen mit variierenden Längen (150-400 Zeichen)
const blindtextArray = [
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor tortor sed nisl dignissim lacinia. Suspendisse potenti. Proin auctor turpis ut mauris sollicitudin efficitur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. ",
"Mauris id purus tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. Nullam sit amet quam sem. Suspendisse sed consectetur elit, eget porta felis. Nulla facilisi. Nam commodo mi at massa convallis, ut tempor leo condimentum. ",
"Suspendisse et porttitor turpis. Ut posuere dui tristique tincidunt ultrices. Ut elementum, mi id convallis dictum, nulla metus tristique lacus, nec euismod ex eros at ante. Nullam sit amet quam sem. Duis consequat purus sed elit faucibus fermentum. ",
"Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum lorem sapien, consequat vel suscipit dapibus, lacinia vitae justo. Ut mollis vestibulum elit vel condimentum. Mauris laoreet leo ac mi finibus luctus. ",
"Aliquam sit amet euismod ante. Vestibulum in ipsum auctor justo porttitor consequat vitae ac sapien. Nam mollis odio et diam interdum, ac laoreet urna vestibulum. Nulla non cursus ante, eu ultrices ipsum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. ",
"In hac habitasse platea dictumst. Pellentesque accumsan arcu in mauris auctor, vel feugiat nulla gravida. Pellentesque nec molestie velit. Integer at maximus ex. Proin euismod non massa nec aliquet. Vestibulum euismod turpis quis mi ullamcorper, eu tempor metus bibendum. ",
"Nullam faucibus eget lacus at egestas. Proin sollicitudin varius nisi, a fringilla arcu gravida sed. Integer justo neque, tempus sit amet nisi laoreet, placerat condimentum libero. Sed ullamcorper nisl in felis consequat vulputate. Suspendisse a volutpat justo. ",
"Vivamus malesuada massa nec quam accumsan placerat. Curabitur a scelerisque dolor. Etiam in ultricies lorem. Nam euismod nulla nibh, porta suscipit eros molestie eu. Mauris condimentum ante et facilisis fringilla. Phasellus ex ante, blandit aliquet nibh non, facilisis aliquam augue. ",
"Phasellus ex ante, blandit aliquet nibh non, facilisis aliquam augue. Maecenas dignissim sapien vel nisl auctor, ac posuere lorem bibendum. Pellentesque feugiat, sapien non cursus elementum, magna libero imperdiet massa, et volutpat velit massa eu sem. Suspendisse et porttitor turpis. ",
"Vivamus lobortis tellus felis, et ultricies mi bibendum vel. Vestibulum euismod turpis quis mi ullamcorper, eu tempor metus bibendum. Curabitur ante libero, tristique id dapibus nec, mollis id sem. Nulla facilisi. Mauris sed felis non nisi egestas ultricies. ",
"Nam commodo mi at massa convallis, ut tempor leo condimentum. Ut mollis vestibulum elit vel condimentum. Mauris laoreet leo ac mi finibus luctus. Suspendisse potenti. Donec id turpis non elit consequat faucibus. Ut posuere dui tristique tincidunt ultrices. ",
"Curabitur a scelerisque dolor. Pellentesque nec molestie velit. Etiam nec sollicitudin sem. Integer justo neque, tempus sit amet nisi laoreet, placerat condimentum libero. Duis consequat, arcu sit amet vulputate mattis, purus sem condimentum lorem, id tristique sapien massa vel orci. ",
"Vivamus malesuada massa nec quam accumsan placerat. Mauris condimentum ante et facilisis fringilla. Vestibulum lorem sapien, consequat vel suscipit dapibus, lacinia vitae justo. Suspendisse potenti. Curabitur non cursus dolor, vitae dignissim orci. Duis aute irure dolor in reprehenderit. ",
"Proin sollicitudin varius nisi, a fringilla arcu gravida sed. Integer justo neque, tempus sit amet nisi laoreet, placerat condimentum libero. Nulla facilisi. Ut posuere dui tristique tincidunt ultrices. Suspendisse potenti. Duis consequat purus sed elit faucibus fermentum. ",
"Nam euismod nulla nibh, porta suscipit eros molestie eu. Nulla non cursus ante, eu ultrices ipsum. Mauris condimentum ante et facilisis fringilla. Suspendisse sed consectetur elit, eget porta felis. Suspendisse potenti. Donec id turpis non elit consequat faucibus. "
];// Wähle einen zufälligen Blindtext
const randomIndex = Math.floor(Math.random() * blindtextArray.length);
const blindtext = blindtextArray[randomIndex];if (activeElement.isContentEditable) {
// Für Content-Editable Felder (z. B. Gutenberg-Editor)
activeElement.textContent = value.replace(/lorem$/, blindtext);// Cursor ans Ende setzen
const range = document.createRange();
const selection = window.getSelection();
range.selectNodeContents(activeElement);
range.collapse(false);
selection.removeAllRanges();
selection.addRange(range);
} else {
// Für normale Textfelder und Input-Felder
const start = value.lastIndexOf('lorem');
activeElement.value = value.replace(/lorem$/, blindtext);// Cursor ans Ende setzen
const cursorPosition = start + blindtext.length;
activeElement.setSelectionRange(cursorPosition, cursorPosition);
}
}
}
});
</script>
<?php
}
}
add_action('admin_footer', 'add_lorem_shortcut_script');Nun erstellen Sie einen neuen Beitrag und geben im Gutenberg-Editor einfach lorem ein.
Schon ergänzt der Generator mit einem Block aus Blindtext:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor tortor sed nisl dignissim lacinia.
Wenn Sie den Begriff lorem erneut eingeben, erscheint ein anderer Text mit variierender Länge:
Suspendisse potenti. Proin auctor turpis ut mauris sollicitudin efficitur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
So einfach.
Werbung


