我在一个运行良好且易于使用的项目中使用 WYMeditor。我添加了一个自定义按钮,它打开一个包含图像缩略图的模式。单击图像,它将被插入到 WYMeditor 中。问题是点击的第一张图片很棒,但是如果你尝试插入超过一张图片,它会“加倍”,即第一张图片点击=1张图片插入,第二张图片点击=2张图片插入,第三张点击=3张图片插入等等上。在图像插入后,我也得到了一个"</span>"
根本不需要的。我看不出为什么会发生任何线索。这是 WYM 插入的代码。
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, World!<\/p>',
postInit: function(wym) {
var html = "<li class='wym_tools_newbutton'>"
+ "<a name='NewButton' href='#'"
+ " style='background-image:"
+ " url(includes/js/wymeditor/img/media.png);'"
+ " title='Insert an image' >"
+ "</a></li>";
jQuery(wym._box).find(wym._options.toolsSelector + wym._options.toolsListSelector).append(html);
jQuery(wym._box).find('li.wym_tools_newbutton a').click(function() {
jQuery('#modal').show().css( { 'left': (winW-980)/2+'px', 'top': '100px' } ).load('includes/admin/adminListMedia.php');
jQuery('.imgname').live('change',function(){
var InsertImg = '#'+jQuery(this).attr('id');
wym.insert('<img src="http://127.0.1/admin/includes/uploads/'+jQuery(InsertImg).val()+'" />');
jQuery('#modal').empty().hide();
});
return(false);
});
如您所见,我在插入时关闭并清空了模态,我这样做是为了“清除”重复项,但它不起作用,这是“模态”代码:
<?php
if ($handle = opendir('../../includes/uploads/thumb/')) {
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != "..") { ?>
<div class="MediaImgSelect wym_src">';
<img src="includes/uploads/thumb/<?php echo $file; ?>" width="90px" height="90px"/>';
Size
<select class="imgname" id="<?php echo 'img_'.substr($file,0,-4); ?>">
<option value="Select">Select</option>
<option value="thumb/<?php echo $file; ?>">Thumb</option>
<option value="thumb/<?php echo $file; ?>">Small</option>
<option value="thumb/<?php echo $file; ?>">Large<option>
</select>
</div>
<?php }
}
closedir($handle);
}
?>