Help Fix Messed-up Generated Inline CSS Tags

  • Hello, I need some help to fix this problem I’m encountering.

    I’m developing or making customize Option Panel, which is based on these tutorial I found – Option Panel.

    Also I successfully implemented/embed the TinyMCE on the textarea.
    (I’m using the the_editor() function)

    Everything run perfectly but I have noticed the output has something wrong. When I put some styles on the fonts/image in the editor. The output on the page is plain, no styles output.

    I notice this in the page source view. The inline css tags are messed-up…Some has backslash and some tags are misplace.

    Ex-1: Styling the font

    <span underline;\"="" text-decoration:="" #888888;="" style="\"color:">11212121</span>

    Ex-2: Center the image

    <p center;="" style="text-align:"><img height="183" alt="width=300" src="https://localhost/wp/wp-content/uploads/2012/02/2011-Land-Rover-Range-Rover-300x183.jpg" title="2011-Land-Rover-Range-Rover" aligncenter="" wp-image-46="" class="size-medium"></p>

    My customize page source code:

    <div class="content-cont">
 <div id="content">
  <?php
	$getoptB = get_option('pg_foot_label_b');
	$getoptB = do_shortcode($getoptB);
	$getoptB = wpautop($getoptB);
	echo $getoptB;
  ?>
  </div>
</div>

    —
    Is there something I miss or I have wrong functions retrieving values. I’m not really good in WP customize templates. Help please thanks.

Viewing 1 replies (of 1 total)
  • Thread Starter sinkfish

    (@sinkfish)

    I finally found the solution.

    <?php
 $getoptA = get_option('pg_front_label_a');
 $getoptA = apply_filters('get_the_content', $getoptA);
 $getoptA = stripslashes($getoptA);
 echo $getoptA;
?>

    Hard to find these one – Link

Viewing 1 replies (of 1 total)
  • The topic ‘Help Fix Messed-up Generated Inline CSS Tags’ is closed to new replies.