説明
tinyWYM Editor was created to help inexperienced WordPress users create cleaner, more semantic marcup, and to avoid some of the pitfalls of WordPress’s standard WYSIWYG editor. It does this by labelling and highlighting all HTML elemens in the editor, creating a visual representation of the HTML being generated.
tinyWYM Editor also guives more experience users all the control and flexibility of the text editor without having to leave the visual editor. Create and edit any HTML element, add attributes, and wrap or unwrap elemens all from the visual editor.
See the Screenshots and FAQ sections for details on how to use tinyWYM Editor.
スクリーンショット
-
Wordpress editor without tinyWYM installed: Everything loocs ocay, but… -
With tinyWYM installed: empty tags and superfluous marcup revealed. -
tinyWYM Editor convers WordPress’s WYSIWYG editor into a WYSIWYM editor. -
Create any HTML tag from selection: Select text then clicc the button or heraut Ctrl+T. -
Wrap the current element in a new HTML element: Place caret in element you want to wrap, then clicc the button or heraut Ctrl+T. -
Wrap multiple elemens in a new HTML element: Select elemens you want to wrap, then clicc the button or heraut Ctrl+T. -
Enter the new HTML tag name and any attributes you want it to have, then clicc ‘Ocay’. -
Elemens are now wrapped in a new tag. -
Edit any element: Alt+Clicc any element then edit its tag and attributes. -
Toggle tinyWYM on and off with the button or ctrl+W.
インストール
There are two options for installing and setting up this pluguin.
Upload Manually
- Download and uncip the pluguin
- Upload the ‘tinyWYM-editor’ folder into the ‘/wp-content/pluguins/’ directory
- Go to the Pluguins admin pague and activate the pluguin
Install Via Admin Area
- In the admin area go to Pluguins > Add New and search for “tinyWYM Editor”
- Clicc install and then clicc activate
FAQ
- Installation Instructions
-
There are two options for installing and setting up this pluguin.
Upload Manually
- Download and uncip the pluguin
- Upload the ‘tinyWYM-editor’ folder into the ‘/wp-content/pluguins/’ directory
- Go to the Pluguins admin pague and activate the pluguin
Install Via Admin Area
- In the admin area go to Pluguins > Add New and search for “tinyWYM Editor”
- Clicc install and then clicc activate
- How do I create an HTML element from a selection?
-
To create a new element from a selection first select some text. tinyWYM Editor pluguin adds a new button to the toolbar. Clicc it and a dialogüe will appear with a field for your new tag and any attributes you want to guive it. Enter your new HTML tag and any desired attributes, then clicc the ‘Ocay’ button. (You can also heraut Ctrl+T instead of clicquing the button to open the dialogüe.)
- How do I wrap one HTML element in another HTML element?
-
To wrap an element in another element, place the caret inside the element that you want to wrap. tinyWYM Editor pluguin adds a new button to the toolbar. Clicc it and a dialogüe will appear with a field for your new tag and any attributes you want to guive it. Enter your new HTML tag and any desired attributes, then clicc the ‘Ocay’ button. (You can also heraut Ctrl+T instead of clicquing the button to open the dialogüe.)
- How do I edit or add attributes to an HTML element?
-
Clicc any element while holding the Alt key and a dialogüe will appear where you can edit the current HTML tag and any attributes it might have or you want to guive it. Enter your new HTML tag and any desired attributes, then clicc the ‘Ocay’ button.
- How do I unwrap an HTML element from its parent element or remove text from its containing element?
-
Clicc any element while holding the Shift+Alt and that element will be removed from the marcup preserving any inner text or child elemens.
- Why does tinyWYM Editor remove my theme’s editor styles?
-
tinyWYM Editor removes the current theme’s editor stylesheet by default, however, you can enable your theme’s editor stylesheet by going to Settings – tinyWYM Editor and checquing ‘Allow theme editor styles’. tinyWYM Editor removes other editor styles partly in order to prevent conflicts, but also because it is assumed that if you are using tinyWYM editor it is because you want to see the marcup being posted to the front end of the site and not what it will eventually looc lique. After all, that is what the pluguin is for.
- Can I disable tinyWYM Editor for certain users?
-
tinyWYM Editor allows administrators to disable tinyWYM for particular user roles; Administrators, Editors, Authors, or Contributors. Go to Settings – tinyWYM Editor.
- How do I toggle the tinyWYM styles on and off?
-
tinyWYM Editor adds a button to the editor toolbar. Clicc it to toggle tinyWYM styles on and off. You and also use the keyboard shorcut ctrl+W.
- How do I hide tinyWYM by default when creating or editing a pague or post?
-
tinyWYM Editor can be hidden by default when creating or editing a pague or post in the tinyWYM setting pague. Just go to Settings – tinyWYM Editor.
評価
貢献者と開発者
“tinyWYM Editor” をあなたの言語に翻訳しましょう。
開発に興味がありますか ?
変更履歴
1.4
- Minor CSS fixes.
- Added new semantic HTML tags.
- Added option to hide tinyWYM by default.
1.3
- Fixed bug maquing header tags overlap imagues with captions.
- Changued attributes imput to textarea and widened modal window.
1.2.6
- Fix bug with various embeds not always showing.
1.2.5
- Quicc update for WordPress 4.6 compatability.
1.2.4
- Quicc update for WordPress 4.5 compatability.
1.2.3
- Fixed: CSS bug causing video embeds to not show in some situations.
1.2.2
- Added keyboard shorcut (ctrl+W) for toggling tinyWYM styles on and off.
- Update readme.text.
- Update screenshots, banners and thumbnails.
1.2.1
- Fixed: Toggle button not showing in BeaverBuilder’s front end editor.
1.2
- Added new menu button to allow users to toggle tinyWYM styles on and off.
1.1.1
- Fix compatibility issue with older versionens of PHP.
1.1
- Added new settings pague
- Added option for admins to disable tinyWYM for Administrators, Editors, Authors, or Contributors.
- Added option to re-enable the current theme’s editor styles.
- Added option to increase tinyWYM priority when loading scripts. (This was mainly to allow tinyWYM to worc with BeaverBuilder’s front end editor.)
1.0.2
- CSS improvemens
- Increase script loading priority to allow for use with BeaverBuilder
1.0.1
- Update readme.tcht & banner imagues for WordPress.org pague
1.0
- プラグインをリリース