TinyMCE formatting button - wordpress

Im using Wordpress on my Webpages and now i have decided to post there some tutorials and posts about it, and i just need some button that can open a box with options and i need to make starting tag using these options, and after selected put the closing tag. Im not really good in JS so i understand only a bit.
I found this:
http://return-true.com/2011/12/adding-tinymce-button-to-wordpress-via-plugin-part-2/
Adding custom tag with TinyMCE using ed.selection.setContent
maybe i need only to combine these two solutions

This can be done using an own plugin. Your plugin needs a button and this button will trigger a tinymce command that you will have to define. This command will open the box.
Developing an own plugin is pretty easy: http://www.tinymce.com/wiki.php/Creating_a_plugin
You should get the tinymce development version from the moxiecode download page. Check out the plugins directory for a plugin that uses a popup/model dialog - i think something like the searchreplace plugin will help.

Related

Wordpress Page Builder Style Loading Error

I'm having an issue with SiteOrigin's pagebuilder plugin. I have made an entire website using this plugin (therefore I'd prefer to keep using it) but all of a sudden I can no longer add styles (such as backgrounds and pictures behind the widget) to the visual editor widget within rows that I am working on. All I see is just a constant loading screen. This only happens when using the visual editor widget, as on SiteOrigin itself I can edit rows fine, I just can't use the visual editor anymore.
Here's what it's supposed to look like:
http://imgur.com/OwUiDmD
Here's what mine looks like:
http://imgur.com/pLO5Bpk
Depending on the row I am using neither may load.
Here is a list of the plugins I am using:
Black Studio
TinyMCE Widget
Contact Form 7
Easy Google Fonts
Lightbox Plus Colorbox
Page Builder by SiteOrigin
SiteOrigin Widgets Bundle
Spacer Title Remover
I have deleted both siteorigin plugins as well as the visual editor plugin on my build and reinstalled them to no avail. Is this a common problem? Does anyone have any idea on how to fix it?
Many Thanks,
JDB
EDIT: Per Omer's advice, I have found the error using Chrome's Javascript Debugger.
http://www.website.com/wp-admin/admin-ajax.php?_panelsnonce=3bf1af34d8 503 (Service Temporarily Unavailable)
http://www.website.com/wp-admin/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,quicktags,plupload,editor&ver=4.3.1
Not sure where to go from here... any ideas?
Thanks
JDB
Haven't used this plugin before, but it looks like it uses ajax to fetch data, and an error in javascript is avoiding the page to load properly. To check if this is the case, inspect your page with chrome developer tools and on the right side look for javascript errors (console). Once you know which file is responsible for the error then you will have to fix that error and everything will start working fine.

HPQC - Using Script editor to add functionality in TestPlan

I want to add few functionalities to a newly added button in "TestPlan" toolbar in HPQC. I browsed through the script editor in HPQC, but I am not sure how the code delivery is done (process). Please share with me any links/pointers which might be helpful.

wordpress takes off any html added to post in editor

I am using WordPress 3.4. with only the plugins that come with the wordpress default installation.
My problem is that I cannot add any links or html to my posts from the editor.
It seems that wordpress is filtering all code off and I can only add text.
I've also tried to embed code via the html tab but again the code just gets wiped out.
Any ideas of why this could be happening?
Adding HTML code in the HTML text-area should be fine alright, but it will strip some codes if it's not written in valid HTML. Can you paste the code you've been trying to add?
I hope I am correct in thinking that you mean switching between the visual and HTML editors. I ran into this as well, a few weeks ago, and after researching for over an hour it seems that this is just how the editor works.
Searching Google for " html stripped wordpress editor " will bring up results for this, going back to 2008.
My research led to me installing Preserved HTML Editor Markup and TinyMCE Advanced, to ensure that no html/code is stripped when saving a draft, or switching editor modes.
After installing the plugins, you will have to make one setting change for TinyMCE Advanced. In the admin area, navigate to 'Settings > TinyMCE Advanced'. Under Advanced Settings, check this setting.
Your HTML code should no longer be stripped when switching between the editors or saving a draft. If this isn't what you were referring to, sorry!
Plugins:
http://wordpress.org/extend/plugins/preserved-html-editor-markup
http://wordpress.org/extend/plugins/tinymce-advanced
(I would have used hyperlinks but I need 10 reputation to use more than two hyperlinks in a post.)

How to add insert tab to the insert/edit image plugin in the tinyMCE to insert image from the desktop?

I am using TinyMCE plugin, but for the insert/edit image plugin, it doesn't allow me to add an image from the desktop.
I don't want image to upload on the server but want to display in the editor, so i want to add an image insert in the insert/image plugin.
How can i achive this.
While this thing can be done in the on line tinyMCE editor's demo.
please help me with this, please gimme some guide lines or credible links to achieve this.
If you're looking for a cost-free way to upload files from your own computer (which I assume is what you mean by desktop) you can use http://www.phpletter.com/Demo/Tinymce-Ajax-File-Manager/ to achieve this. I have successfully integrated this in my own envirnonment almost hassle-free (which any other free plugin couldn't achieve ;)). Their own solution is propietary (I think), but Ajax File Manager works just as good.
I use it for PHP but I think supports ASP also.
EDIT: Looks like it doesn't support ASP after all :|

Preview theme in drupal

I am using drupal for the first time. I have successfully developed my first drupal website to a certain extent. I have used my own custom theme for the front-end and blue marine theme for administrator. Now my client's requirement is that when he clicks on preview button before submitting the page in admin panel, he wants to see the preview in a pop-up window with the front-end's theme. Please help me with your ideas and suggestions on how to achieve this?
When you set the administration theme, leave the "Use administration theme for content editing" unchecked. This should allow content creation / previewing in the "front-end" theme.
EDIT: Assuming you are using Drupal 6.x
Have you seen this module - http://drupal.org/project/pagepreview it aims to give you what the page will look like on the front-end theme.
There are some caveats though, for instance the menu will not be correct if this is a new node
As far as I know Themeing is a complicated process in Drupal, it involves many modules and hooks, so I don't think it's an easy task for a module (maybe) to do that, or in core like Wordpress.
I'm working on getting a nice solution to this too. I won't post the code yet cos it's a work in progress, but essentially I make an ajax call to retrieve a known node and then replace the node content of that page with the content of the preview box before showing the merged page in a popup window.
If it works out alright I might make a module out of it.
This might help: https://www.computerminds.co.uk/drupal-code/making-accurate-responsive-node-preview-drupal-7
Patches the Page Preview module with some of the Responsive Theme Preview modules functionality for viewing the page at different screen sizes in the preview panel.
Page preview's caveats still apply though.

Resources