const { Fragment } = wp.element;
const { __, sprintf } = wp.i18n;
const { toggleFormat, registerFormatType, insert, applyFormat } = wp.richText;
const { RichTextToolbarButton, RichTextShortcut } = wp.editor;
const { SVG, Path } = wp.components;
registerFormatType( 'wp-yomigana/rt', {
title: __( 'Ruby Character', 'wp-yomigana' ),
tagName: 'rt',
className: null,
edit( {isActive, value, onChange} ) {
return ;
}
} );
registerFormatType( 'wp-yomigana/ruby', {
title: __( 'Ruby', 'wp-yomigana' ),
tagName: 'ruby',
className: null,
edit ({ isActive, value, onChange }) {
const onToggle = () => {
let ruby = '';
if ( ! isActive ) {
ruby = window.prompt( __( 'Enter ruby characters', 'wp-yomigana' ) ) || value.text.substr( value.start, value.end -value.start );
const rubyEnd = value.end;
const rubyStart = value.start;
value = insert( value, ruby, rubyEnd );
value.start = rubyStart;
value.end = rubyEnd + ruby.length;
value = applyFormat( value, {
type: 'wp-yomigana/ruby'
}, rubyStart, rubyEnd + ruby.length );
value = applyFormat( value, {
type: 'wp-yomigana/rt'
}, rubyEnd, rubyEnd + ruby.length );
} else {
value = toggleFormat( value, {
type: 'wp-yomigana/ruby'
} );
}
return onChange( value );
};
// @see keycodes/src/index.js
// Command + Alt + r
const shortcutType = 'primaryAlt';
const shortcutCharacter ='r';
const icon = (
);
const shortcut = sprintf( '(%s+Alt+R)', /(MAC|IP)/.test( navigator.platform.toUpperCase() ) ? '⌘' : 'Ctrl' );
return (
)
}
} );