i've setup a ck editor with two select input when i select each of this input they must fetch content in a db and add it to the ck editor, firebug shows ok the content gets back to the page but it is not shown in ck editor
<script>
$(function(){
CKEDITOR.replace( 'quote', {
toolbar : [
[ 'Bold', 'Italic', 'Link', 'Unlink' ]
]
});
$("#lang, #item").change(function(){
$.ajax({
url: 'admin_ajax.php?action=header',
data:"lang="+$("#lang").val()+"&item="+$("#item").val(),
success: function(data) {
// $('#quote').css({display:"block",visibility: "visible"}).html(data);
$('#quote').html(data);
}
});
});
});
</script>
<?php
if(isset($_POST["submit_header"]) ) {
mysql_query("update header_page set content='".$_POST["quote"]."' where lang_id='".$_POST["lang"]."' and item='".$_POST["item"]."' ") or die (mysql_error());
}
?>
<form method="post">
<select name="lang" id="lang" class="select">
<?php $g=mysql_query("select * from lang");
while($gr=mysql_fetch_array($g)){
?>
<option value="<?php echo $gr["id"]; ?>" <?php if($_POST["lang"]==$gr["id"]) echo 'selected'; ?>><?php echo $gr["name"]; ?></option>
<?php } ?>
</select>
<select name="item" id="item" class="select">
<?php $g=mysql_query("select distinct item from header_page");
while($gr=mysql_fetch_array($g)){
?>
<option value="<?php echo $gr["item"]; ?>" <?php if($_POST["item"]==$gr["item"]) echo 'selected'; ?>><?php echo $gr["item"]; ?></option>
<?php } ?>
</select>
<textarea class="ckeditor" name="quote" id="quote"></textarea>
<input type="submit" value="Submit" name="submit_header" />
</form>
You could try:
CKEDITOR.instances.editor1.setData('value in here');
// change `editor1` to your editor Name.
You can also use getData to retrieve the value from CKeditor inside a AJAX call.
var text = CKEDITOR.instances.editor1.getData(); // var text now has the data
try using the jQuery CKEditor plugin. This give's you the option to set the .val()
with jQuery to the textarea.
so you would have somehting like
$('#quote').val(data);