web-dev-qa-db-fra.com

personnaliser tinyMCE blockquote

Bonjour, nous savons tous que, par défaut, le blockquote de MCE minuscule génère cette

<blockquote> content here </blockquote>

Je porte ce style via CSS:

enter image description here

le css im utilisant:

blockquote { border: none; font-family: 'Georgia', serif; color: #444; font-size: 1.2em;
           font-weight: bold; font-style: italic; font-weight: normal;
           padding: 0; text-indent: 1.2em; color: #222;
           border-bottom: 1px solid #888; 
           position: relative; bottom: 12px;  }

.no-js blockquote { position: static; bottom: auto; border: none; }

blockquote span { position: relative; top: 12px; background-color: white; padding: 0 15px; }

pour que la dernière ligne apparaisse sans ajouter de balisage non sémantique inutile, j'ai besoin de générer une étendue à l'intérieur du blocquote:

<blockquote>
     <span>
        content here
    </span>
</blockquote>

de préférence sans faire un shortcode séparé pour cela et utilisez simplement le bouton natif blockquote.

quelqu'un peut-il aider?

tinymcevisual-editor
1
George Ananda Eman

Veuillez utiliser la gestion par défaut de WordPress: Styles de l'éditeur - lisez-le dans le Codex à ce sujet . Cela signifie que vous pouvez ajouter tout style attaché à votre site principal, à votre éditeur également.

// functions.php » hooked to `after_setup_theme`
add_editor_style( 'style.css' );
0
kaiser

Résolu grâce à Deathlock:

// unwrap inner
var blockquotes = $('.post blockquote');
blockquotes.html(blockquotes.find('p').text());

// rewrap with span
blockquotes.wrapInner('<span />');
0
George Ananda Eman