如何将图像放入 jEditable 占位符?

Posted

技术标签:

【中文标题】如何将图像放入 jEditable 占位符?【英文标题】:how to put image to jEditable placeholder? 【发布时间】:2012-11-16 06:22:35 【问题描述】:

占位符中的图像显示,但是当我单击它时 - 在 jEditable 输入中获得了一些 <img/> 标记。 任何人都知道如何删除它?

    $(document).ready(function () 
    $('#Video3').editable(function (value, settings) 
        companyName(value, "Video3");
        return value;
    ,
        
            cancel: 'Cancel',
            submit: 'OK',
            style: 'inherit',
            tooltip: 'Add video',
            placeholder: '<img class="placeholder"   src="/UserControlsAdmin/ExhibitorZone/img/Add_Video.png" />"
            );
);

【问题讨论】:

【参考方案1】:

我已经检查了 source code ,如果 line 167 等于 settings.placeholder 则删除占位符的内容

/* Remove placeholder text, replace is here because of IE. */
if ($(this).html().toLowerCase().replace(/(;|"|\/)/g, '') == settings.placeholder.toLowerCase().replace(/(;|"|\/)/g, ''))

    $(this).html('');

如果你想删除img标签,你可以在之后添加这段代码

if ($(this).html().toLowerCase().indexOf('img') > -1)

     $(this).html('');

【讨论】:

谢谢!你拯救了我的一天 :) ps 不能 + 你回答我的声誉很低 ))

以上是关于如何将图像放入 jEditable 占位符?的主要内容,如果未能解决你的问题,请参考以下文章

为啥我需要图像占位符服务或库?

在响应式网格中加载图像时如何使用图像占位符?

占位符html中的图像?

如何使用 Flare 动画作为带有淡入动画的图像占位符

使用空占位符将图像插入幻灯片(PowerPoint)

如何在 Next.js 中添加自定义图像占位符?