Maison >interface Web >js tutoriel >Comment sélectionner une image en texte enrichi et l'insérer dans l'éditeur (avec code)

Comment sélectionner une image en texte enrichi et l'insérer dans l'éditeur (avec code)

不言
不言original
2018-08-25 13:45:292813parcourir

Le contenu de cet article explique comment sélectionner une image à insérer dans l'éditeur en texte riche (avec code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. .

J'appelle un calque contextuel sur l'éditeur. Après avoir demandé les données de l'image, comment puis-je insérer l'image sélectionnée dans l'éditeur

Comment sélectionner une image en texte enrichi et linsérer dans léditeur (avec code)

Cliquez sur l'image pour obtenir le

 //监听li点击事件
          $("#yun").on("click",'li',function(e){
            var alt=e.target.alt
            callback && callback({
              src: img
              ,alt: alt
            });
            //关闭云盘
            layer.close(index);
          })
dans l'image li. Imprimez console.log (ehtml) pour obtenir la structure suivante


<img src="//www.×××.cn/upload/company/banner/201806302108090467.jpg" alt="201806302108090467.jpg">
Je souhaite insérer ceci dans l'image et donner l'impression que l'insertion d'expressions est tout aussi pratique. Cliquez n'importe où dans l'éditeur pour insérer cette image.


Recommandations associées :

Utilisez l'éditeur de texte enrichi pour télécharger l'implémentation du code de couche contextuelle d'image

Comment supprimer le tableau en utilisant javascript La ligne (code) cochée dans

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn