Как добавить title к слову в gutenberg редакторе wp ?
я хочу использовать tootlip (подсказки при наведении) на словах, как вообще можно подобное реализовать для удобного использования в редакторе wordpress?
Любомир
4.8 лет назад
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация
В произвольное поле записи записываешь подсказки (разделяя уникальным разделителем, у меня |), далее через css классы вызываешь заменив в тексте sup'ы
$text = str_replace( '<sup>['.$i.']</sup>', '<sup id="sup'.$i.'" data="'.esc_attr($val).'" int="'.$i.'" class="note">['.$i.']</sup>', $text, $v); if ($v===0) {trigger_error($id.'-sup error');} else $v=0;и css фрагмент
.note:before { content:attr(data); padding:8px; transform:translateY(-10px); top:100%; left:0; margin-top:15px; width:100%; border-top:4px solid #48b; border-bottom:4px solid #48b; box-sizing:border-box; } .note:after { width:15px; height:15px; border:2px solid #48b; color:#48b; border-radius:50%; content:attr(int); top:100%; left:50%; margin-top:7px; text-align:center; font-weight:bold; font-size:small; line-height:15px; }, либо если данные встречаются в разных статьях можно сделать как в я реализовал в плагине.
Надеюсь я Вас правильно понял. Как выглядит то и то можно глянуть тут.
вариант интересный, но не совсем удобный...
В редактор wordpress всегда можете добавить нужную обертку, в моем случае это sup'ы
add_action( 'admin_print_footer_scripts', 'appthemes_add_quicktags' ); function appthemes_add_quicktags() { if ( ! wp_script_is('quicktags') ) return; ?> <script type="text/javascript"> QTags.addButton( 'eg_sup', 'sup', '<sup>[', ']</sup>', 'sup', 'сноска', 203 ); </script> <?php }