Web Front-end
JS Tutorial
How to select an image in rich text and insert it into the editor (with code)
How to select an image in rich text and insert it into the editor (with code)
The content of this article is about how to select an img to insert into the editor in rich text (with code). It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
I am calling a popup layer on the editor, and after requesting the image data, how can I insert the selected image into the editor
Click on the picture to get the one in the picture li
//监听li点击事件
$("#yun").on("click",'li',function(e){
var alt=e.target.alt
callback && callback({
src: img
,alt: alt
});
//关闭云盘
layer.close(index);
})Print console.log(ehtml) to get the following structure
<img src="/static/imghw/default1.png" data-src="//www.×××.cn/upload/company/banner/201806302108090467.jpg" class="lazy" alt="201806302108090467.jpg">
I want to insert this into the picture to make it as convenient as inserting an expression. Click anywhere in the editor to insert this image.
Related recommendations:
Use the rich text editor to upload the image pop-up layer code implementation
How to delete the table using javascript Checked line (code)
The above is the detailed content of How to select an image in rich text and insert it into the editor (with code). For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
How to fix file names or extensions that are too long in Windows 11?
Apr 22, 2023 pm 04:37 PM
Have you ever faced any issues while transferring files that prevented you from doing so? Well, many Windows users have recently reported that they faced issues while copying and pasting files into a folder, where an error was thrown saying “The file name of the destination folder is too long”. Additionally, some other Windows users expressed frustration when opening any file and said "the file name or extension is too long" and they were unable to open the file. This disappoints users by not allowing them to transfer files to any other folder. While analyzing the issue, we have come up with a series of solutions that may help alleviate the issue and allow users to transfer files easily. If you are in a similar situation, please see this post for more information. Source: https
How to turn off Windows Defender Smart Screen in Windows 11, 10?
Apr 26, 2023 am 11:46 AM
Many Windows users have recently reported that they were annoyed when Windows Defender SmartScreen warned users not to launch applications that were not recognized by Microsoft Windows and they had to click on the "Run anyway" option every time. Windows users are unsure what they can currently do to avoid or disable it. After researching the issue, we found that Windows Defender functionality on the system can be disabled through the Settings application or the Local Group Policy Editor or by adjusting the registry files. By doing this, users will no longer have to face the defender SmartScreen. If your system also encounters
Detailed guide to 15 Python editors/IDEs, there is always one that suits you!
Aug 09, 2023 pm 05:44 PM
There is no better way to write Python code than using an integrated development environment (IDE). Not only can they make your work simpler and more logical, they can also improve programming experience and efficiency. Everyone knows this. The question is, how to choose the best Python development environment among the many options.
Essential software for C language programming: five good helpers recommended for beginners
Feb 20, 2024 pm 08:18 PM
C language is a basic and important programming language. For beginners, it is very important to choose appropriate programming software. There are many different C programming software options on the market, but for beginners, it can be a bit confusing to choose which one is right for you. This article will recommend five C language programming software to beginners to help them get started quickly and improve their programming skills. Dev-C++Dev-C++ is a free and open source integrated development environment (IDE), especially suitable for beginners. It is simple and easy to use, integrating editor,
Fix the issue where Windows 11/10 login options are disabled
May 07, 2023 pm 01:10 PM
Many Windows users have encountered the problem of being unable to log in to Windows 11/10 systems due to failed login attempts or multiple system shutdowns. Users are frustrated because there is nothing they can do about it. Users may forget their PIN code to log into the system, or experience lags when using or installing software, and the system may be forced to shut down multiple times. Therefore, we have compiled a list of the best available solutions that will undoubtedly help consumers solve this problem. To learn more, continue reading this article. Note: Before doing this, make sure you have your system's administrator credentials and Microsoft account password to reset your PIN. If not, wait an hour or so and try with the correct PIN
Introduction to Go language development tools: a list of essential tools
Mar 29, 2024 pm 01:06 PM
Title: Introduction to Go language development tools: List of essential tools In the development process of Go language, using appropriate development tools can improve development efficiency and code quality. This article will introduce several essential tools commonly used in Go language development, and attach specific code examples to allow readers to understand their usage and functions more intuitively. 1.VisualStudioCodeVisualStudioCode is a lightweight and powerful cross-platform development tool with rich plug-ins and functions.
How to use ClipChamp: the free Windows 11 video editor
Apr 20, 2023 am 11:55 AM
Remember Windows MovieMaker on Windows 7? Since discontinuing Windows MovieMaker, Microsoft hasn't launched any real movie makers. On the other hand, they tried to revamp the Photos app with a small and lightweight built-in video editor. After a long time, Microsoft launched Clipchamp, a better video processor for all Windows 11 devices. In this article, we’ll take a deep dive into how to get everything from the Clipchamp app on your Windows 11 device. How to use Clipchamp – Detailed tutorials are available
10 Strikethrough Shortcuts for Use in Every Word Editor
Apr 16, 2023 pm 05:25 PM
A word editor, also known as a word processor, can be defined as a device or software that allows you to create, print, and edit documents. You can type content, display it on a screen or in printed material, store it electronically, and modify it from the keyboard using different keyboard shortcuts, characters, and commands, including keyboard shortcuts for strikethrough. Computers are built to help solve different problems. However, word processing is the most popular feature they help with. Thanks to technological advancements, you can access text editors as software applications installed on mobile devices and computers or as cloud services offered by different providers. Word processors were first introduced in the early 1960s as stand-alone machines similar to electric typewriters. They are better than typewriters because they allow
