我是 React-Quill 的新手,我正在使用它来编辑 HTML 模板。我已经有了使用 Spark Post 创建的自定义 API。现在我需要将该 HTML 文件放入此编辑器中,然后用户可以编辑模板并保存它。
当我获取 HTML 数据并将其传递到编辑器时,某些对齐方式、背景颜色和图像大小与原始 HTML 不同。
谁能给我提供一个解决方案,如何改进这个问题?
这是我期望的 HTML 模板。
这是我从 React-Quill 得到的。
我想将预览作为第一张图像。这是我当前的代码。
import ReactQuill from 'react-quill';
import { PreviewProps } from 'app/event/emails/emailModal/preview/Preview.types';
import { useLocale } from 'hooks/useLocale/useLocale';
import { Heading, Loader, Typography } from 'ui/atoms';
import 'react-quill/dist/quill.snow.css';
import { useStyles } from './Preview.styles';
export const Preview = ({ title, previewData }: PreviewProps) => {
const classes = useStyles();
const { formatMessage } = useLocale();
if (!previewData) …Run Code Online (Sandbox Code Playgroud) 我是 Spring Boot 的新手,我用 Spring Boot 创建了一个多模块项目(maven)。我创建了一些 REST API 并连接到 H2 数据库。数据库连接成功,可以在localhost运行。
这是我的项目树.. User-Management 是父模块和核心,serverAPI 是子模块。我为每个模块创建了包并添加了相关的类。
我已经尝试了我所知道的一切,并在谷歌上搜索了大约 5 天,但没有任何效果对我有用。我已经包括了我在这里写的每一个代码。请帮我找出问题所在。(我使用的是intellij idea 2020.3 Ultimate)
用户.java
package com.hms.usermanagement.core.model;
import javax.persistence.*;
@Entity
@Table(name = "users")
public class User {
@Id
@GeneratedValue(strategy = GenerationType.AUTO)
private long id;
@Column(name = "full_name")
private String fullName;
@Column(name = "email")
private String email;
public User() {
}
public User(long id, String fullName, String email) {
this.id = id;
this.fullName = fullName;
this.email = email;
}
public long getId() { …Run Code Online (Sandbox Code Playgroud) 我有一个视频列表。我只需要在悬停时播放视频。否则需要显示我提供的默认图像。
可以说我有这样的编码。当我悬停卡片时,它需要播放视频,当我不悬停卡片时,它需要显示图像。
<Card>
<video src={video} />
</Card>
Run Code Online (Sandbox Code Playgroud)
我已经使用了 npm 包react-hover-video-player,但我不使用外部包来执行此操作。有没有办法在 React JS (Typescript) 中做到这一点?
reactjs ×2
css ×1
html ×1
java ×1
javascript ×1
maven ×1
react-quill ×1
spring ×1
spring-boot ×1
typescript ×1