0

在融合中，我需要将页面上的文本更改为图像在表格内部，我有多个需要用图像替换的值。所以我创建了以下 Jquery 并将其放入用户宏中。

<script>
AJS.toInit(function() {
AJS.$("body").html($("body").html().replace(/text to be replaced/g,'<img src="image.png">'))
});
</script>

这可以很好地使用图像更改文本。但是当放入宏时它会破坏左侧菜单。当我从谷歌浏览器直接在控制台的开发人员工具中运行 AJS.$("body")... 行时，它不会破坏菜单。

我似乎无法弄清楚如何解决这个问题。有人有想法吗？

4

2 回答 2

0 

$(document).ready(function(){   
    $("#btn2").click(function(){
 var a= $("#a").html();
     a=a.replace('<i> with Italic</i>','<u> with UnderLine</u>');   
        alert("HTML: " + $("#a").html());
 $("#a").html(a);
        alert("HTML: " + a);
    });
});
<html>
  <head>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></head>
  <body>
  <div id ='a'>
This is a div<i> with Italic</i></br>
<b>and bold</b>
</div>

<button id="btn2">Show HTML</button>
  </body>
  </html>

于 2016-10-10T11:31:41.503 回答
0

如果您只需要在 confluence 的内容中更改文本，则需要更改#maindiv 的内容：

AJS.$("#main").html($("#main").html().replace(/text to be replaced/g,'<img src="image.png">'))

我认为你打破了菜单融合 js。

于 2016-10-10T11:48:30.343 回答