Recommend mobile rich text editor

recommend a mobile rich text editor

tried ueditor, is too ugly, hope to have a style to look better, upload pictures (demo uploaded to Qiniu is the best) and basic emoji function.

in addition, I would also like to ask, how do you use lightbox pop-up layer pictures to browse?
for example, after uploading pictures with ueditor, the html structure is

<img src="">

but I have seen several lightbox plug-ins for jquery, all of which require the html structure to be

<a href="" class=""><img src=""></a>

when this situation is stored in the database, replace the modification with regular matching or how to set it directly, which can directly correspond to the generated structure after uploading the image?

Html5 javascript html

Mar.25,2022

I myself use this editor: wangEditor
before the project is also required to upload to Qiniu to do static, their own slightly encapsulated Qiniu JS JDK can be used, the document is quite clear.

if the image is loaded dynamically, just use the front-end framework template to do it. The page structure has nothing to do with the data stored in the database. After it is passed to Qiniu, there is a callback that can dynamically modify the page data. As long as the structure is written, the data will be dynamically bound to the template. This step is used to replace the structure generated by jq operation DOM, and the performance will be better.

Test

Previous: What is the correct use of spring bom?

Next: The problem of adaptive height of iframe

How to ensure the unity of login session in js project
We are Mini Program s project. To get the code logged in by Wechat, request the backend api to get the sessionkey. But if it is a concurrent request, if it happens to expire at this time, and several requests go to get the sessionkey at the same time, t...

Html5 javascript html

Feb.27,2021
Add a space to the mobile phone number input box
Mobile phone number input box, set to 6005 1078 to automatically add spaces question: [when you need to modify the number (6005), the cursor will jump to the end of the number immediately after deleting the number] demand: [after deleting the number, ...

Html5 javascript html

Mar.01,2021
Why does the child element absolute cause positioning changes when the parent element is relative?
I set the parent element to relative and the child element position to absolute positioning, but why does the font position change relative to the background when I zoom in and out? In the screenshot below, you can see the zoom in and out of the page, a...

Html5 javascript html css

Mar.04,2021
Why do I add height, to other parts to make the overflow:auto of adjacent parts work?
at first I didn t write the CSS and HTML of the main area the following code is the sidebar CSS, page effect as shown in figure 2 main ...

Html5 javascript html css

Mar.06,2021
Ionic3 error 'ion-header' is not a known element:
using ionic, I want to write a tab switch, which can be regarded as secondary navigation. I got a component and wrote < ion-header > . < ion-navbar > <button ion-button icon-only menuToggle> <ion-icon name="menu">< ion-icon...

Html5 javascript html typescript

Mar.06,2021
Mobile browsers can't get to the top height.
The responsive layout used in finds out how to get the height at the top of the browser by using the following methods on the mobile browser. Can t you use these in mobile browsers? my Orbon mobile browser document.body.scrollTop document.body.clientH...

Html5 javascript html

Mar.10,2021
How to accurately identify user equipment information on the browser side
has encountered a need to strictly distinguish the device information of users who visit the website (such as operating system, browser, etc.). Because there are some browsers that can disguise userAgent, I am afraid we cannot use userAgent to distinguis...

Html5 javascript html

Mar.12,2021
Html5's audio time update event ontimeupdate how to update more smoothly
I want to make a music playback progress bar according to the music playback time, but ontimeupdate will get one card each time it updates the time. How can it increase the time smoothly? The following is an example from the rookie tutorial. The value o...

Html5 javascript html

Mar.15,2021
Can the page listen for browser shutdown events?
after trying onbeforeunload, I don t seem to be able to do it. Is there anything I can do about it? ...

Html5 javascript html

Mar.15,2021
Why is the lable tag not associated with this checkbox?
...

Css html5 javascript html

Mar.15,2021
What processes and tools do senior front-end engineers have when developing traditional pages?
there is usually a fixed process when developing a SPA like Vue, such as scaffolding to generate npm dependencies, then install dependencies, personalize Webpack configuration, jslint configuration, and then start writing components and so on. what ar...

Node.js html5 javascript html css

Mar.16,2021
Xiaobai doesn't know much about the introduction of picture src. Ask for guidance.
...

Html5 javascript html

Mar.18,2021
Why is it that opening a web page in the Baidu browser of a mobile phone will be forced to add the style of style= "display:none! important"?
Don t talk nonsense, look at the picture find a solution. ...

Html5 javascript html

Mar.18,2021
How to use mpvue-simple?
recently, the company is going to write WeChat Mini Programs, which is all written in the grammar of the original sound Mini Program. I recently heard that mpvue, is very popular, and decided to learn. I can want to write the original WeChat Mini Program...

Node.js html5 javascript html css

Mar.19,2021
What custom form plug-ins have you used? Like a lightning strike net?
what custom form plug-ins have you used? Like a lightning strike net? ...

Html5 javascript html

Mar.20,2021
Vue points to change in HTML this
because there is a loop, this.ip becomes undefined,. How to change the this to ...

Html5 javascript html

Mar.20,2021
The problem of setting the minimum width of div with min-width
set the minimum width of the div with min-width to center the div, but always inherit the width of the parent element, so that the content is always displayed on the left. How can you not inherit the width of the parent element ...

Html5 javascript html

Mar.20,2021
An error was reported when the project was published to the server: the view "Index" or its master view was not found, or there was no location where the view engine supported search. Searched the following locations
{ "type ": 3, "errorcode ": 0, "message ": "View Index " or its master view not found, or there is no location where the view engine supports search. Search the following locations: rn~ Areas SystemManage Views SystemHome Index.aspx rn~ Areas Syste...

Html5 javascript html

Mar.21,2021
Click on the dynamic loading component within a page of vue?
There are multiple CheckBox, on the page. Select one to load a component and uncheck to delete a component. ? Select one to load one video, uncheck and delete one, and select a maximum of 9. The data given by the background CheckBox is uncertain. It ...

Html5 javascript html css node.js

Mar.21,2021
Vue refers to quill rich text, which is normal locally and does not display after packaging.
I npm installed quill rich text, local operation, display and function are normal. After packaging, after the dist is sent to the test server, the rich text will not be displayed, and the click will report an error. I don t know what the reason is. ...

Html5 javascript html

Mar.21,2021