• 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="http://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.