PHP - Editor de Texto, não mostra o Campo do MySql

[violin101 0]

Caros amigos

 

Saudações...

 

Primeiramente peço mil desculpas por recorrer a ajuda dos amigos do grupo.

 

Estou montando uma rotina de Editor de Texto em PHP+Codeiginter. A princípio criei uma rotina simples, sem muitos recursos, mas funcional.

 

O Editor de Texto faz todas as funções: Negrito, Itálico, Fontes e etc.

 

Estou com o seguinte problema:

tenho um campo no mysql, que chama: quemsomos.

 

Após criar o Editor de Texto e todas a rotina de Busca do campo acima, não consigo mostrar dentro do Editor os dados cadastrado pelo usuário.

 

Abaixo o código fonte:

 

script.js

 /*
	JavaScript
	funções para o Comando do Editor de Texto.
*/

    var Editor = null;
			 
		document.addEventListener("DOMContentLoaded", function(){
			Editor = new myEditor();
			Editor.Start();
			
			setInterval(function(){
				var valor = document.getElementById('Editor').contentWindow.document.body.innerHTML
				document.getElementById("txtEditor").value = valor;
			}, 1000);
		});

			function myEditor() {
				this.getEditor = function() {
					return document.getElementById("Editor").contentWindow.document;
				};


				this.Start = function() {
					//Inicia o modo Design
					this.getEditor().designMode = 'on'; 
					
					//Desativa a formatação padrão em CSS
					try { this.getEditor().execCommand("styleCss", 0, false); }
					catch (e) { try { this.getEditor().execCommand("useCSS", 0, true); } catch (e) { } }
				}; 
				
				//Alterar para Negrito
				document.getElementById("btn_bold").addEventListener("click", function(){
					Editor.getEditor().execCommand("styleCss", true, null);
					Editor.getEditor().execCommand("bold", false, null);
					return false; 
				});
				
				//Alterar para Itálico
				document.getElementById("btn_italic").addEventListener("click", function(){
					Editor.getEditor().execCommand("styleCss", true, null);
					Editor.getEditor().execCommand("italic", false, null);
					return false; 
				});
				
				//Alterar para Underline
				document.getElementById("btn_underline").addEventListener("click", function(){
					Editor.getEditor().execCommand("styleCss", true, null);
					Editor.getEditor().execCommand("underline", false, null);
					return false; 
				});
				
				//Alterar Fonte
				document.getElementById("slFonte").addEventListener("change", function(){
					
					var fonteName = document.getElementById("slFonte").value;
					
					Editor.getEditor().execCommand('fontName', false, fonteName);
					return false; 
				});
				
				//Alterar Tamanho Fonte
				document.getElementById("slSize").addEventListener("change", function(){
					
					var fontSize = document.getElementById("slSize").value;
					
					Editor.getEditor().execCommand('fontSize', false, fontSize);
					return false; 
				});
				
				
				document.getElementById("slColor").addEventListener("change", function(){
					
					var fontCor = document.getElementById("slColor").value;
					
					Editor.getEditor().execCommand('foreColor', false, fontCor);
					return false; 
				});				
				
				
				//Alinhar a esquerda
				document.getElementById("btn_left").addEventListener("click", function(){
										
					Editor.getEditor().execCommand('justifyLeft', false, null);
					return false; 
				});
				
				//Centralizar
				document.getElementById("btn_center").addEventListener("click", function(){
										
					Editor.getEditor().execCommand('justifyCenter', false, null);
					return false; 
				});
				
				
				//Alinhar a direita
				document.getElementById("btn_right").addEventListener("click", function(){
										
					Editor.getEditor().execCommand('justifyright', false, null);
					return false; 
				});
				
				//Justificar
				document.getElementById("btn_justify").addEventListener("click", function(){
										
					Editor.getEditor().execCommand('justifyFull', false, null);
					return false; 
				});

				
				//Lista ordenada
				document.getElementById("btn_ordered").addEventListener("click", function(){
										
					Editor.getEditor().execCommand('insertOrderedList', false, null);
					return false; 
				});
				
				//Lista não ordenada
				document.getElementById("btn_unordered").addEventListener("click", function(){
										
					Editor.getEditor().execCommand('insertUnorderedList', false, null);
					return false; 
				});
				
			}

 

Model view:

<link rel="stylesheet" href="<?php echo base_url();?>assets/zzz/css/editorwys.css" type="text/css" media="all" />
<script type="text/javascript" src="<?php echo base_url();?>assets/zzz/js/script.js"></script>


<div class="row-fluid" style="margin-top:0">
    <div class="span12">
        <div class="widget-box">
            <div class="widget-title" style="height:45px; background:#fff;" >
                <span class="icon">
                    <img src="<?php echo $dados[0]->url_logo; ?>" alt="" style="width:60px; height:30px;">
                </span>
                <h5 style="font-size:18px; margin-top:5px; font-weight:bold; color:#3F3F3F;">Editar Dados do Emitente
                </h5>
            </div>


        <div id="dvCenterEditor">
            <div id="bar">
                
                <select id="slFonte" class="margin" style="width:130px;">
                    <option value="courier">Courier</option>
                    <option value="Verdana">Verdana</option>
                    <option value="Arial">Arial</option>
                    <option value="Segoe">Segoe</option>
                    <option value="Calibri">Calibri</option>
                </select>
                
                <select id="slSize" class="margin" style="width:70px;">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                </select>
                
                <button id="btn_bold" class="btn margin"><i class="icon-bold"></i></button>
                <button id="btn_italic" class="btn"><i class="icon-italic"></i></button>
                <button id="btn_underline" class="btn"><i class="icon-text-width"></i></button>
                
                <!-- <button id="btn_color" class="btn  margin"></button> -->               
                <select id="slColor" class="margin" style="width:130px;">
                    <option value="#000066">Azul</option>
                    <option value="#006600">Verde</option>
                    <option value="#000000">Preto</option>
                    <option value="#ff0000">Vermelho</option>
                    <option value="#5E045E">Roxo</option>
                </select>               
                            
                <button id="btn_left" class="btn"><i class="icon-align-left"></i></button>
                <button id="btn_center" class="btn"><i class="icon-align-center"></i></button>
                <button id="btn_right" class="btn"><i class="icon-align-right"></i></button>
                <button id="btn_justify" class="btn"><i class="icon-align-justify"></i></button>
                
                <button id="btn_unordered" class="btn"><i class="icon-th-list"></i></button>
                <button id="btn_ordered" class="btn"><i class="icon-list-alt"></i></button>
                

            </div>
            
               <form action="<?php echo base_url(); ?>index.php/seular/textoEmitente" id="formTexto" enctype="multipart/form-data" method="post" class="form-horizontal" >

                  <!-- Não consigo mostrar o campo vindo do MySql dentro do editor -->
                  <iframe id="Editor" name="Editor"></iframe>
                  <textarea id="txtEditor" style="display:none;"></textarea>

                  <div class="form-actions">      
                      <div class="span6 offset3" style="text-align: center">  
                        <a href="<?php echo base_url() ?>index.php/seular/emitente" id="" class="btn btn-danger">Cancelar</a>
                        &nbsp;&nbsp;
                        <button class="btn btn-primary">Alterar</button>      
                      </div>
                  </div>

                </form>

        </div>

        </div>
    </div>
</div>

 

Como faço para mostrar todo o campo com suas informações dentro do Editor ?

 

Grato,

 

Cesar