javascript 前台网页全局替换,生成名片.

最新推荐文章于 2026-08-10 07:56:01 发布

原创最新推荐文章于 2026-08-10 07:56:01 发布 · 958 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了如何结合jQueryclueTipplugin实现后台文档编辑器的namecard名片编辑功能，通过动态加载和关键字替换，增强用户体验。具体步骤包括初始化插件、替换文章中的关键字，并提供了关键代码段作为示例。

结合jQuery clueTip plugin
后台文档编辑器添加 namecard 名片编辑功能,或者独立开一个名片的管理页面.

前台采用动态加载的形式:
NameCardCluetip.init = function() {

$('a.namecard').cluetip({
    cluetipClass: 'jtip',
    arrows: true,
    dropShadow: false,
     hoverIntent: true  
    });
};


动态替换文章中的关键字部分:

  <script type="text/javascript">
        $(document).ready(function() {
            var namecards = [{ id: 1, name: '一' }, { id: 2, name: '二' }, { id: 3, name: '三' }, { id: 4, name: '四'}]; //此处可以用ajax 异步获取.
            var html = $('.Content').html();
            for (var ii = 0; ii < namecards.length; ii++) {
                var a = '<a class="namecard"  title="' + namecards[ii].name + '"   href="/Taking/NameCard/' + namecards[ii].id + '" rel="/Taking/NameCard/' + namecards[ii].id + '" onclick="return false;"><b>' + namecards[ii].name + '</b></a>';
                html = html.replace(new RegExp(namecards[ii].name, "g"), a);
            }
            $('.Content').html(html);
        });