George-Paul Cre?u

Hi @rajeevbagra2025
Are you using the latest version of the plugin?
Did you add the code using the TinyMCE button? (See documentation).
What coding language did you select when adding the code?

The code below works fine on the latest version

[dm_code_snippet background="yes" background-mobile="yes" slim="no" line-numbers="no" bg-color="#abb8c3" theme="dark" language="php" wrapped="no" height="" copy-text="Copy Code" copy-confirmed="Copied"]
<pre class="dm-pre-admin-side">for (int i = 0; i < candidate_count; i++)
{
candidates[i].votes = 0;
}</pre>
[/dm_code_snippet]

Hi there

The problem was that the plugin wasn’t escaping all the special characters for all language types.

I just pushed an update that will fix this issue. (v2.0.2)

You will have to add the correct code again on the page using the TinyMCE (the <DM> button) button or the Guttenberg editor.

If you add the code directly as a shortcode in the editor, you will need to manually escape the code before pasting it. (See FAQ about that). You can use an online HTML escape tool.

As long as you use the TinyMCE button to add code or a Gutenberg block, it will automatically do the escape.

@agima
Don’t hesitate to send me an email at [email protected] if you find out what plugin is causing this issue.

I’ll mark this as complete.

Best regards,
George

@agima

See this video with details:
https://1drv.ms/u/s!At5qlWTQRg7GxKMljpTl-hIehy1OfQ?e=sfnMlh (Download it, it might not play directly in browser)

I think the issue is with the code you copied and pasted in the Code Snippet DM block.
The theme seems fine.

Let me know if the video helped you.

Best regards,
George

• This reply was modified 2 years, 5 months ago by George-Paul Cre?u.

@agima Ok. I’ve tested the code from above and it works, so most likely there is a CSS in the theme that is messing with the code snippet.
You can either:
1. Post that snippet on a page and provide the link so I can actually debug on your theme. I need a working link to your site with a snippet on it.

OR

2. Email me at [email protected] if you don’t want to make that link public here and we can discuss it over the email.

Best regards,
George

@agima Here is that code added with Gutenberg block and it worked on theme twenty twenty-two.
https://apps.devmaverick.com/code-snippet/2022/09/04/python-added-via-gutenberg-block-with-line-number/

Is your theme maybe doing some CSS stuff that is messing with the <pre> or <code>?

@agima @ditronix
I assume you guys didn’t add the code via the TinyMCE editor or the Gutenberg block, you added it directly with the shortcode.

If you add it directly with the short code, you need to wrap the code in a <pre></pre> tag. See the example in the documentation.

For example this piece of code:

[dm_code_snippet background="no" background-mobile="yes" slim="no" line-numbers="yes" bg-color="#abb8c3" theme="dark" language="python" wrapped="no" height="" copy-text="Copy Code" copy-confirmed="Copied"]<pre>
# function to rotate array by d elements using temp array
def rotateArray(arr, n, d):
    temp = []
    i = 0
    while (i < d):
        temp.append(arr[i])
        i = i + 1
    i = 0
    while (d < n):
        arr[i] = arr[d]
        i = i + 1
        d = d + 1
    arr[:] = arr[: i] + temp
    return arr
 
 
# Driver function to test above function
arr = [1, 2, 3, 4, 5, 6, 7]
print("Array after left rotation is: ", end=' ')
print(rotateArray(arr, len(arr), 2))

#define LED_Red 2 // Red LED
# this code is contributed by Anabhra Tyagi</pre>
[/dm_code_snippet]

Displays properly here https://apps.devmaverick.com/code-snippet/2022/09/04/python-code-with-comments-and-spacing-via-shortcode/

Let me know if this solved your issue.

• This reply was modified 2 years, 6 months ago by George-Paul Cre?u.

@ditronix Thanks for providing some extra details.
Can you paste the shortcode fully here for me?
The link you referenced is not working anymore.

@agima I’ll check this and see if there is a way to solve it now or if a plugin update is required.
If you can paste a shortcode example for me it will be perfect.

Thanks for the feedback!

Hi there,

Can you send me a link to see the issue in action?

Thanks!

Hi,

You can try and remove the background color on mobile (that will make it smaller) and even set it to use the slim version.
There is very little space from what I can see on mobile in your theme design.

Shortcode options:
background-mobile=”no” slim=”yes”

See the documentation for more details.

Thanks for the feedback!
Really appreciate it.

Can you leave a link to your example with the slim option enabled?
It will help me debug it.

Thanks!

Thanks for the feedback!
Gutenberg block is something that’s on the line for a future update.

I’ll also look into some more options for people that use very short snippets.

Hi,

Yes, there are HTML tags in the notification. None of them are related to the link (strong for the link or something similar).

I removed all the HTML tags and tested again and still the same issue.

I tested the exactly same format for the message with SB Welcome Email Editor (sorry for making reference to another plugin that is similar) and it seems with that one it’s working. I know they had the same issue about one month ago and with the new update it was fixed.

Regards,
George

And if I have
Page 1 with SubPage 1 whom also havem a SubSubPage 1, SubSubPage2, 3, 4, etc. and at the bottom of the tree I have SubSubSubPage 1,2,3
And I want to display the SubSubSubPages instead of all the Subpages?
I tried adding depth=3 like that:

<?php
	$page_ids = array();
	$subpages = get_pages('depth=4&child_of='.$post->ID.'&sort_column=post_title');
	if($subpages)foreach($subpages as $subpage) { $page_ids[] = $subpage->ID; } 

	$subpages = new WP_Query( array(
		'post_type' => 'page',
		'post__in' => $page_ids,
		'orderby' => 'title',
		'paged' => get_query_var('paged')
		));
	$count = 0;
	if($page_ids && $subpages->have_posts()) : ?>

But it doesn’t do anything.

Thank you alchymyth! I hope to learn more in the future and stop bothering people ??
Greate fix up for my page.