AngularJS:从textarea内容中的img标签中选择alt值和文本

时间:2016-03-17 05:21:15

标签: javascript angularjs

我有像这样的textarea

CompareStr

从外部资源获取文本。我正在考虑做一些类似的事情,但不知何故在线上丢失了

<textarea><img src="..." alt="hello"/> lets go visit the beach ....</textarea>

当我使用上面的代码时,它失败了。请问我做错了什么?请帮助

1 个答案:

答案 0 :(得分:0)

如果我正确地阅读了您的问题,您想从检索到的数据中提取alt="text"吗?这是一个做http://plnkr.co/edit/bb3g8tNFU0E3Td7xGoe5?p=preview

的plnkr
app.controller('MainCtrl', function() {
  var vm = this;
  vm.name = 'World';
  vm.content = 'Hello <img src=".." alt="text">';
  vm.content2 = vm.content;

  init();

  function init(){
    replaceText();
  }

  function replaceText(){
    var re = /<img src=".*" alt="(.*)">/gi;
    vm.content2 = vm.content.replace(re, "$1");
  }
});

这可能不会涵盖您的所有情况。但它应该让你走上正轨。

如果我没有正确阅读,你真正想做的是在<img>内放<textarea>,那么我发现的第一个问题就是你试图放一个<img>内的<textarea>标记,不允许使用。看一下处理这个问题的HTML : Is there any way to show images in a textarea?