[英]CK EDITOR IN DYNAMIC PAGE
I want to display a Ck editor in dynamic loaded loaded page, I used following Script , but the only one ck editor appear others are looks as text area? 我想在动态加载的页面中显示Ck编辑器,我使用了以下Script,但是唯一的一个ck编辑器出现了,其他的看起来像文本区域?
<script >
function refer(format, id)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
req=new XMLHttpRequest();
}
else
{// code for IE6, IE5
req=new ActiveXObject("Microsoft.XMLHTTP");
}
var strURL="referformat.php?format="+format+"&id="+id;
if (req)
{
req.onreadystatechange = function() {
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200)
{
//var a=document.getElementById('editor1').value="";
// alert(a);
// alert('i am here');
// CKEDITOR.instances.editor1.setData(req.responseText);
document.getElementById('refformat').innerHTML=req.responseText;
CKEDITOR.replace( 'editor1',
{
fontSize_sizes : "8px;9px;10px;12px;14px;16px;18px;20px;22px;24px;26px;28px;30px;32px;34px",
toolbar :
[
['Bold', 'Italic','Underline'],
['Source', '-', 'Undo','Redo'],
['Format','Font','FontSize'],
['TextColor','BGColor'],
['NumberedList','BulletedList','-','Blockquote'],
['Link', 'Unlink','SpecialChar'],
],
// Strip CKEditor smileys to those commonly used in BBCode.
smiley_images :
[
'regular_smile.gif','sad_smile.gif','wink_smile.gif','teeth_smile.gif','tounge_smile.gif',
'embaressed_smile.gif','omg_smile.gif','whatchutalkingabout_smile.gif','angel_smile.gif','shades_smile.gif',
'cry_smile.gif','kiss.gif'
],
smiley_descriptions :
[
'smiley', 'sad', 'wink', 'laugh', 'cheeky', 'blush', 'surprise',
'indecision', 'angel', 'cool', 'crying', 'kiss'
]
} );
CKEDITOR.replace( 'editor2',
{
fontSize_sizes : "8px;9px;10px;12px;14px;16px;18px;20px;22px;24px;26px;28px;30px;32px;34px",
toolbar :
[
['Bold', 'Italic','Underline'],
['Source', '-', 'Undo','Redo'],
['Format','Font','FontSize'],
['TextColor','BGColor'],
['NumberedList','BulletedList','-','Blockquote'],
['Link', 'Unlink','SpecialChar'],
],
// Strip CKEditor smileys to those commonly used in BBCode.
smiley_images :
[
'regular_smile.gif','sad_smile.gif','wink_smile.gif','teeth_smile.gif','tounge_smile.gif',
'embaressed_smile.gif','omg_smile.gif','whatchutalkingabout_smile.gif','angel_smile.gif','shades_smile.gif',
'cry_smile.gif','kiss.gif'
],
smiley_descriptions :
[
'smiley', 'sad', 'wink', 'laugh', 'cheeky', 'blush', 'surprise',
'indecision', 'angel', 'cool', 'crying', 'kiss'
]
} );
CKEDITOR.replace( 'editor4',
{
fontSize_sizes : "8px;9px;10px;12px;14px;16px;18px;20px;22px;24px;26px;28px;30px;32px;34px",
toolbar :
[
['Bold', 'Italic','Underline'],
['Source', '-', 'Undo','Redo'],
['Format','Font','FontSize'],
['TextColor','BGColor'],
['NumberedList','BulletedList','-','Blockquote'],
['Link', 'Unlink','SpecialChar'],
],
// Strip CKEditor smileys to those commonly used in BBCode.
smiley_images :
[
'regular_smile.gif','sad_smile.gif','wink_smile.gif','teeth_smile.gif','tounge_smile.gif',
'embaressed_smile.gif','omg_smile.gif','whatchutalkingabout_smile.gif','angel_smile.gif','shades_smile.gif',
'cry_smile.gif','kiss.gif'
],
smiley_descriptions :
[
'smiley', 'sad', 'wink', 'laugh', 'cheeky', 'blush', 'surprise',
'indecision', 'angel', 'cool', 'crying', 'kiss'
]
} );
CKEDITOR.replace( 'editor3',
{
fontSize_sizes : "8px;9px;10px;12px;14px;16px;18px;20px;22px;24px;26px;28px;30px;32px;34px",
toolbar :
[
['Bold', 'Italic','Underline'],
['Source', '-', 'Undo','Redo'],
['Format','Font','FontSize'],
['TextColor','BGColor'],
['NumberedList','BulletedList','-','Blockquote'],
['Link', 'Unlink','SpecialChar'],
],
// Strip CKEditor smileys to those commonly used in BBCode.
smiley_images :
[
'regular_smile.gif','sad_smile.gif','wink_smile.gif','teeth_smile.gif','tounge_smile.gif',
'embaressed_smile.gif','omg_smile.gif','whatchutalkingabout_smile.gif','angel_smile.gif','shades_smile.gif',
'cry_smile.gif','kiss.gif'
],
smiley_descriptions :
[
'smiley', 'sad', 'wink', 'laugh', 'cheeky', 'blush', 'surprise',
'indecision', 'angel', 'cool', 'crying', 'kiss'
]
} );
//]]>
} else {
alert("There was a problem while using XMLHTTP:\n" + req.statusText);
}
}
}
req.open("GET", strURL, true);
req.send(null);
}
}
</script>
Useing This , I want to display 3 ckeditor, but the ckeditor applies only for first textarea, remaining 2 text area ckeditor are not working, How can i resolve this problem 使用此,我想显示3个ckeditor,但是该ckeditor仅适用于第一个文本区域,其余2个文本区域ckeditor无法正常工作,我该如何解决此问题
HTML OF External Page is 现“ HTML OF外部页面”为
f(strtolower(str_replace(' ','',$reffername))=='injuryqedltd' && $format=='ia_format' )
{
?>
<table>
<tr>
<td>
<strong>Findings on Initial Examination</strong>
</td>
<td>
<textarea cols="80" rows="10" name="editor2" id="editor2" class="required textarea" title="Enter the Message"><?php echo $result[0]['Initialexam'];?></textarea>
</td>
</tr>
<tr>
<td>
<strong>Details of Treatment to be Provided</strong>
</td>
<td>
<textarea cols="80" rows="10" name="editor3" id="editor3" class="required textarea" title="Enter the Message"><?php echo $result[0]['Detailtreatment'];?></textarea>
</td>
</tr>
<tr>
<td>
<strong>Benefit of Treatment to be Provided</strong>
</td>
<td>
<textarea cols="80" rows="10" name="editor4" id="editor4" class="required textarea" title="Enter the Message"><?php echo $result[0]['BeTreatment'];?></textarea>
</td>
</tr>
</table>
<?php }
else if(strtolower(str_replace(' ','',$reffername))=='injuryqedltd' && $format=='fa_format' ) {
?>
<table>
<tr>
<td>
<strong>Details of Treatment Provided</strong>
</td>
<td>
<textarea cols="80" rows="10" name="editor5" id="editor5" class="required textarea" title="Enter the Message"><?php echo $result[0]['Initialexam'];?></textarea>
</td>
</tr>
<tr>
<td>
<strong>Benefit of Treatment Provided</strong>
</td>
<td>
<textarea cols="80" rows="10" name="editor6" id="editor6" class="required textarea" title="Enter the Message"><?php echo $result[0]['Detailtreatment'];?></textarea>
</td>
</tr>
<tr>
<td>
<strong>Discharge Summary</strong>
</td>
<td>
<textarea cols="80" rows="10" name="editor7" id="editor7" class="required textarea" title="Enter the Message"><?php echo $result[0]['BeTreatment'];?></textarea>
</td>
</tr>
</table>
<?php
}
else
{
$sel="SELECT $format as rff FROM `tbl_referreg` WHERE `ref_id`='".$id."'";
$reffer=$objAdmin->ExecuteQuery($sel,'select');
?>
<table><tr>
<td><strong>Assessment Format:</strong></td>
<td><textarea cols="80" style="margin-left:32px;" rows="30" name="editor1" id="editor1" class=" textarea" title="Enter the Message"><?php echo $reffer[0]['rff']; ?></textarea></td></tr></table>
<?php }
?>
I tried to replicate looking at the HTML and JS on and saw that you are replacing editor1, editor2, editor3 and editor4 but you also have textareas for editors 5-7. 我试图重复查看HTML和JS,发现您要替换editor1,Editor2,Editor3和Editor4,但是您还拥有用于5-7的文本区域。 Are those the ones you are missing? 这些是您所缺少的吗? If so, just add the .replace(...)
where needed. 如果是这样,只需在需要的地方添加.replace(...)
。
I would first suggest that you clean up the code a little so that it's easier for you and for others to see what is going on. 我首先建议您稍微清理一下代码,以便您和其他人更容易看到正在发生的事情。 Here's the example I used to test: 这是我用来测试的示例:
<textarea cols="80" rows="10" name="editor2" id="editor2" class="required textarea" title="Enter the Message">A</textarea>
<textarea cols="80" rows="10" name="editor3" id="editor3" class="required textarea" title="Enter the Message">B</textarea>
<textarea cols="80" rows="10" name="editor4" id="editor4" class="required textarea" title="Enter the Message">C</textarea>
<textarea cols="80" rows="10" name="editor5" id="editor5" class="required textarea" title="Enter the Message">D</textarea>
<textarea cols="80" rows="10" name="editor6" id="editor6" class="required textarea" title="Enter the Message">E</textarea>
<textarea cols="80" rows="10" name="editor7" id="editor7" class="required textarea" title="Enter the Message">F</textarea>
<textarea cols="80" style="margin-left:32px;" rows="30" name="editor1" id="editor1" class=" textarea" title="Enter the Message">G</textarea>
<script type="text/javascript" src="http://cdn.jsdelivr.net/ckeditor/4.0/ckeditor.js"></script>
<script>
function refer()
{
var config = {
fontSize_sizes : "8px;9px;10px;12px;14px;16px;18px;20px;22px;24px;26px;28px;30px;32px;34px",
toolbar :
[
['Bold', 'Italic','Underline'],
['Source', '-', 'Undo','Redo'],
['Format','Font','FontSize'],
['TextColor','BGColor'],
['NumberedList','BulletedList','-','Blockquote'],
['Link', 'Unlink','SpecialChar'],
],
// Strip CKEditor smileys to those commonly used in BBCode.
smiley_images :
[
'regular_smile.gif','sad_smile.gif','wink_smile.gif','teeth_smile.gif','tounge_smile.gif',
'embaressed_smile.gif','omg_smile.gif','whatchutalkingabout_smile.gif','angel_smile.gif','shades_smile.gif',
'cry_smile.gif','kiss.gif'
],
smiley_descriptions :
[
'smiley', 'sad', 'wink', 'laugh', 'cheeky', 'blush', 'surprise',
'indecision', 'angel', 'cool', 'crying', 'kiss'
]
};
CKEDITOR.replace( 'editor1', config);
CKEDITOR.replace( 'editor2', config);
CKEDITOR.replace( 'editor4', config);
CKEDITOR.replace( 'editor3', config);
// Those got replaced nicely
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.