How to design and develop e-reader with vue

  1. background uses Baidu uEditor Rich text Editor to edit documents
  2. after editing, send the entire html to the background (php) directly through the API
  3. in the foreground mobile project, viewed edited documents

clipboard.png

clipboard.png

the problem now is:
1. The main process has been developed and was ready to be tested, but the product adds functionality, which requires that when viewing the document on the mobile phone, add the left and right pages, not all load in, slide up and down. Instead, turn the page left and right.
2. In the future, catalogs will be added, and video uploads and pdf uploads will be supported.
3.OMG! At first, it is said that there is not much content, but only two or three manuals, each with a few pages, as long as the user can read it. And now you"re asking so much! It is perfectly possible to make a set of e-books down, ah, not afraid of difficulties. In fact, there is no clue at all. Ha, the company has app Mockingbird for learning corporate culture. If there are too many manuals, you can totally use it. Why do you have to build a wheel?
4. With regard to page flipping and catalogs, the screen sizes of different phones are different. After editing, you get pure html format, like this

.
    <span style="color: rgb(227, 108, 9);"> 1. uEditor,,,,pdf,,..</span>

<span style="color: rgb(227, 108, 9);"> 2. ,html(php)<br/></span>

<span style="color: rgb(227, 108, 9);"> 3. ,<img src="https://oh6dt6vbt.qnssl.com/group1/M00/0D/00/CmiU8FwSEw-AZxIBAAKwhHoZEeI712.png" title="154468839928123image.png" alt="image.png" width="100%"/></span>

, how to truncate the storage to do the paging effect, there are pictures and so on. Can not truncate the complete label, but also adapt to the screen size of various mobile phones. Front desk view and background editor how to decouple, how to design, how to save, not very thoughtful, do you have any good suggestions? Ask for advice!

problem description

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Feb.11,2022

ask for advice and products


let the product give the utilization rate of using video and pdf document upload function. If the utilization rate is too low, direct demand is not enough, but put the product back into lockdown.


involves the truncation of document content, which should not be easy to deal with. It is not necessary to do it if it is not specifically used as a major development business, as you said, use a third party. It is recommended that you use Ali


to transmit the resolution to the background when reading, and then perform rich text to image according to the resolution in the background. Haha

Menu