jQuery-將CSS邊框添加到文本區域中的圖像

Question

我與TinyIMCE ，當用戶提交表單時，我想在textarea所有圖像上添加邊框。

$("form").submit(function() {
 var textareaContent = $("#edit-message1-value").val();
 // And then I would like handle the textareaContent (it's an html content)
 textareaContent.find("img")...
 // or
 $(textareaContent).find("img")...
 ...
 })

有任何想法嗎 ？

Answer 1

$('textarea img').css('border', '1px solid #FF000');

它將為文本區域內的所有圖像添加紅色邊框（您可以更改元素）

Answer 2

好的，這是解決方案：在textarea值之前和之后添加標簽

var textareaHtml = $('<div>' + $("#edit-message1-value").val() + '</div>');

  // Update each image style
  $.each(textareaHtml.find("img"), function() {
if ($(this).css("border") != "3px solid rgb(99, 99, 99)") {
  if ($(this).attr("style")) {
    $(this).attr("style", $(this).attr("style") + " border:3px solid rgb(99, 99, 99);");
  } else {
    $(this).attr("style", "border:3px solid rgb(99, 99, 99);");
  }
}
  });

  // Update textarea content
  $("#edit-message1-value").val(textareaHtml.html());