I have a process list in my wordpress website which I've built using the elementor plugin. And for the process list I've used another plugin "Qi addons for elementor". The process involves 3 stages and I've implemented it without any issue. You can see it in the photo. But under the process number there are some texts. And my requirement is to make some of the lines bold. I tried applying <b></b> tag inside the text field but it didn't work. Here's the UI for the plugin where you can add or delete items.
Is there any other way to apply text bold effect to the selected lines?
You should know that our Process Item does not allow html code within the widget text field. What you could do is to edit the plugin files for that specific widget, navigating to /wp-content/plugins/qi-addons-for-elementor/inc/shortcodes/process/templates/post-info/text.php and editing the line 4 where you would replace the existing esc_html() with wp_kses_post() function that should allow all HTML tags and attributes intact, please have a look at the screenshot below
That will allow you to place html tags such as to the text field within the widget-
You could try <strong></strong> or: <span style="font-weight: bold;"></span>
Related
I'm having a problem in including embedded post in a Joomla! article. I'm using the TinyMCE editor.
Steps I have followed :
In Text Filter Settings for Super User - No filtering
In TinyMCE settings - remove script and Iframe tag from "Prohibited Elements".
I'm not able to add Pinterest code:
<a data-pin-do="embedPin" data-pin-width="medium" href="https://uk.pinterest.com/pin/dfg/"></a>
It's likely that the code is getting stripped out because the link is not wrapped around any text. You could possibly add inside the link. However, I would suggest using the "None" editor when adding embed code to your posts. I use Switch Editor to quickly change editors.
Switch to "None"
Add the embed code
Save the article
Switch back to your favorite WYSIWYG editor to edit other articles
I'm volunteering to create a website and i've come across this dilemma with WordPress. Say the client deletes or edits a Page/Post in the visual editor, that could remove html code in the html editor.
The solution i've thought is to have text only in a Post, the html will be in index.php and the Page/Post will be fetched from index.php.
But for a particular page i have 30 pieces of text each inside an element with different colors. Would it be wise to fetch each individual Post from index.php or is there another way to prevent html code from being removed?
I'd like to point out, the client doesn't know anything about HTML, so i'd like to make it as easy as possible for them, simple editing of text and images. I don't want them to edit something in the future and the code is gone.
How do you WordPress developers approach this situation?
If you want this level of control, it is often helpful to use post 'custom fields'. This is pretty simple, it is a selectable field in the top dropdown when you are in the page/post editor.
http://codex.wordpress.org/Custom_Fields
You can then access the custom fields in your php files using the get_post_custom() function.
Here's more detail: http://codex.wordpress.org/Function_Reference/get_post_custom
How can I alter / expand the whitelist of permitted tags for "Limited HTML" in Drupal 7's editor?
Or, what may or may not be the same question:
On http://ludditeorthodox.com I have a block of text which I would like to precede with an image. As noted on another question, I copied and test-modified page.tpl.php to page-front.tpl.php, but the test <div style="background-color: silver"> was not showing up on the homepage. Given that the homepage is presently displaying a basic article as desired, what is the best way for me to add an image above the article text?
TIA,
To answer your question directly:
Configuration > Content Authoring > Configure (the format)
At the bottom under "Filter settings" there should be a list of allowable HTML tags. Just add in
For a better solution:
Create an image field and display that above the text. The advantage is that Drupal will handle the uploading and storing of the image.
or install the following modules.
http://drupal.org/project/wysiwyg
http://drupal.org/project/media
The best way to add an image above the article text is using an extra field of type "image" and configure the display to be above the text field.
I would like to give the user the ability to insert custom elements in the Wordpress editor such as an accordion panel item for example. Or a an element which has an certain class or an inline style margin for example without using the HTML editor. Only using the WYSIWYG editor.
Is there a comfortable way to do this?
You can create an own plugin (this is not that difficult) and add one or more buttons to let users insert those things.
When I choose "HTML" (instead of "Visual") for the editor in press-this.php I want the TinyMCE buttons to show up like they do when adding/editing a post via post.php.
For example, here's a clipped screen shot of the buttons available in post.php when "HTML" is active:
How do I get those buttons to show when using press-this.php?
I think this has to be a simple change but I haven't found a simple answer. I haven't written any plugins before so if that's the solution I'd like some pointers.
Using "HTML" mode in WordPress (whether you are in press-this or posts or pages) is mutually exclusive with having the TimeMCE buttons showing up. Clicking "Visual" puts you in TinyMCE mode. Clicking "HTML" turns off TinyMCE mode.
TinyMCE helps you write HTML even if you don't know how to write HTML (clicking the B button basically wraps the text you have selected with a <strong></strong> tag pair) . If you don't know HTML or you want an editor to help you write it faster, use "Visual". If you want to write the HTML yourself or you want to tweak the HTML output of TinyMCE, then use "HTML".
I am not that much into WordPress, but here is a very neat HowTo of Moxiecode (the enterprise behind tinymce) which decribes how to write an own plugin (it is not that difficult).