Linux 软件免费装
Banner图

tinyWYM Editor

开发者 arickards
更新时间 2018年3月12日 12:04
PHP版本: 4.2.0 及以上
WordPress版本: 4.7.2
版权: GPLv2 or later
版权网址: 版权信息

标签

editor visual editor WYSIWYG tinyMCE WP Editor WYSIWYM tinywym

下载

1.0 1.0.1 1.1 1.1.1 1.2.1 1.2.3 1.2.4 1.2.6 1.3

详情介绍:

tinyWYM Editor was created to help inexperienced WordPress users create cleaner, more semantic markup, and to avoid some of the pitfalls of WordPress's standard WYSIWYG editor. It does this by labelling and highlighting all HTML elements in the editor, creating a visual representation of the HTML being generated. tinyWYM Editor also gives 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 elements all from the visual editor. See the Screenshots and FAQ sections for details on how to use tinyWYM Editor.

安装:

There are two options for installing and setting up this plugin. Upload Manually
  1. Download and unzip the plugin
  2. Upload the 'tinyWYM-editor' folder into the '/wp-content/plugins/' directory
  3. Go to the Plugins admin page and activate the plugin
Install Via Admin Area
  1. In the admin area go to Plugins > Add New and search for "tinyWYM Editor"
  2. Click install and then click activate

屏幕截图:

  • Wordpress editor without tinyWYM installed: Everything looks okay, but…
  • With tinyWYM installed: empty tags and superfluous markup revealed.
  • tinyWYM Editor converts WordPress's WYSIWYG editor into a WYSIWYM editor.
  • Create any HTML tag from selection: Select text then click the button or hit Ctrl+T.
  • Wrap the current element in a new HTML element: Place caret in element you want to wrap, then click the button or hit Ctrl+T.
  • Wrap multiple elements in a new HTML element: Select elements you want to wrap, then click the button or hit Ctrl+T.
  • Enter the new HTML tag name and any attributes you want it to have, then click 'Okay'.
  • Elements are now wrapped in a new tag.
  • Edit any element: Alt+Click any element then edit its tag and attributes.
  • Toggle tinyWYM on and off with the button or ctrl+W.

升级注意事项:

1.3
  • This update fixes a CSS bug and improves the usability of the modal pop-up for editing tags.
1.2.6
  • This update fixes a bug that made video and other embeds not always show.
1.2.5
  • Quick update for WordPress 4.6 compatability.
1.2.4
  • Quick update for WordPress 4.5 compatability, plus new thumbnail and banner images.
1.2.3
  • When embedding videos from YouTube/Vimeo etc. the video wouldn't show until you hit return or clicked in another paragraph. The video might also disapear in certain situations. Fixed now.
1.2.2
  • Added keyboard shortcut (ctrl+W) for toggling tinyWYM styles on and off.
1.2.1
  • Fixed: Toggle button not showing in BeaverBuilder's front end editor.
  • May need to clear browser's cache to see changes.
1.2
  • Added new menu button to allow users to toggle tinyWYM styles on and off.
1.1
  • Fix compatibility issue with older versions of PHP.
1.1
  • Added new setting page: Setting - tinyWYM Editor
1.0.2
  • Improved CSS for images inside editor, plus tinyWYM is now works with BeaverBuilder
1.0
  • This is the first version of the plugin. No updates available yet.

常见问题:

How do I create an HTML element from a selection?

To create a new element from a selection first select some text. tinyWYM Editor plugin adds a new button to the toolbar. Click it and a dialogue will appear with a field for your new tag and any attributes you want to give it. Enter your new HTML tag and any desired attributes, then click the 'Okay' button. (You can also hit Ctrl+T instead of clicking the button to open the dialogue.)

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 plugin adds a new button to the toolbar. Click it and a dialogue will appear with a field for your new tag and any attributes you want to give it. Enter your new HTML tag and any desired attributes, then click the 'Okay' button. (You can also hit Ctrl+T instead of clicking the button to open the dialogue.)

How do I edit or add attributes to an HTML element?

Click any element while holding the Alt key and a dialogue will appear where you can edit the current HTML tag and any attributes it might have or you want to give it. Enter your new HTML tag and any desired attributes, then click the 'Okay' button.

How do I unwrap an HTML element from its parent element or remove text from its containing element?

Click any element while holding the Shift+Alt and that element will be removed from the markup preserving any inner text or child elements.

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 checking '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 markup being posted to the front end of the site and not what it will eventually look like. After all, that is what the plugin 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. Click it to toggle tinyWYM styles on and off. You and also use the keyboard shortcut ctrl+W.

更新日志:

1.3 1.2.6 1.2.5 1.2.4 1.2.3 1.2.2 1.2.1 1.2 1.1.1 1.1 1.0.2 1.0.1 1.0