Restore Ability to Paste Rich Text Into Preview Tab

[Chris]

Add the following code to your Global Header (_{how to edit your forum headers & footers})


<!-- Restore Pasting Formatted Content in WYSIWYG (Global Header) -->
<script>
$(document).on('wysiwygcreate', function(event, data){
$($(event.target).data('wysiwyg').editors.visual.editable).off('paste.wyswiwyg')
})
</script>


Edit:

---

As an alternative I've created a simple plugin that places an on/off button on the preview tab so the poster can easily switch between the two modes

(download: Paste Ease)

[gb9454]

I've added the code to the Global Header and everything works fine.
Thank you very much.

[Chris]

The difference between header/footer code and plugin is that the plugin offers the user a choice

[adminabp]

First, I LOVE the Paste Ease plugin Chris

Second, I want to move the selector switch to a different spot.

From here...


to here...


I appreciate that you left the build editable, and I played around with it enough to know I don't really know what I am doing. I got the switch to appear where I wanted it, but it then showed on both the preview AND BBCode tabs.

Help?

[Chris]

Jul 11, 2019 4:28:55 GMT -8 adminabp said:

First, I LOVE the Paste Ease plugin Chris

Second, I want to move the selector switch to a different spot.

From here...


to here...


I appreciate that you left the build editable, and I played around with it enough to know I don't really know what I am doing. I got the switch to appear where I wanted it, but it then showed on both the preview AND BBCode tabs.

Help?

The reason it was placed in the controls div with the bbcode buttons is because it is meant to appear only when the preview editor is active (not supposed to applicable to bbcode side). There are two divs housing two editors directly above the preview/bbcode tabs extending up to just above the bbcode buttons and they get hidden/shown when the tabs are clicked, if you have the button outside either of those editor divs (as in your 2nd image) it will then no longer be governed by which editor is active.

Is there a particular reason you wanted it moved down there? If it is for having more real estate for bbcode buttons then I'll tell you that the wysiwyg is designed to split the buttons into 2 lines if it exceeds a certain number or requires more width than what is available.

[adminabp]

Jul 11, 2019 9:16:29 GMT -8 Chris said:

Jul 11, 2019 4:28:55 GMT -8 adminabp said:

First, I LOVE the Paste Ease plugin Chris

Second, I want to move the selector switch to a different spot.

From here...


to here...


I appreciate that you left the build editable, and I played around with it enough to know I don't really know what I am doing. I got the switch to appear where I wanted it, but it then showed on both the preview AND BBCode tabs.

Help?

The reason it was placed in the controls div with the bbcode buttons is because it is meant to appear only when the preview editor is active (not supposed to applicable to bbcode side). There are two divs housing two editors directly above the preview/bbcode tabs extending up to just above the bbcode buttons and they get hidden/shown when the tabs are clicked, if you have the button outside either of those editor divs (as in your 2nd image) it will then no longer be governed by which editor is active.

Is there a particular reason you wanted it moved down there? If it is for having more real estate for bbcode buttons then I'll tell you that the wysiwyg is designed to split the buttons into 2 lines if it exceeds a certain number or requires more width than what is available.

Purely an aesthetic preference.

I feel like it should be workable with an if/else statement to show or hide it based on which editor is active, but either I don't know enough yet to know how exactly to do that, or I don't know enough to know that it can't be done.

Goes in search of knowledge...

[Chris]

If you add it to the wysiwyg tabs container you could then show/hide based on which tab is active

var oo_switch = $('#onoffswitch_html5 .onoffswitch').appendTo('.wysiwyg-tabs')

#menu-item-bbcode.ui-active ~ .onoffswitch{
        display:none;
    }

[adminabp]

Jul 11, 2019 21:50:22 GMT -8 Chris said:

If you add it to the wysiwyg tabs container you could then show/hide based on which tab is active

var oo_switch = $('#onoffswitch_html5 .onoffswitch').appendTo('.wysiwyg-tabs')

#menu-item-bbcode.ui-active ~ .onoffswitch{
        display:none;
    }

I had worked out the first part by analyzing the build of another plugin, but was trying to wrap it in an 'if statement' to execute the append only if the wysisyg editor was active, but I kept getting something wrong. This works great!

Thanks Chris !