小编Dee*_*ika的帖子

React Quill 没有对齐我从 API 获取的 html 文件

我是 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)

html reactjs react-quill

6
推荐指数
0
解决办法
1841
查看次数

REST API 在带有 H2 数据库的 Spring Boot maven 多模块项目中总是抛出 404 错误

我是 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)

java spring maven spring-data-jpa spring-boot

5
推荐指数
1
解决办法
322
查看次数

在反应js中悬停卡片时播放视频并在不悬停时显示默认图像

我有一个视频列表。我只需要在悬停时播放视频。否则需要显示我提供的默认图像。

可以说我有这样的编码。当我悬停卡片时,它需要播放视频,当我不悬停卡片时,它需要显示图像。

<Card>
     <video src={video} />
</Card>
Run Code Online (Sandbox Code Playgroud)

我已经使用了 npm 包react-hover-video-player,但我不使用外部包来执行此操作。有没有办法在 React JS (Typescript) 中做到这一点?

javascript css typescript reactjs

2
推荐指数
1
解决办法
3083
查看次数