react-lz-editor icon indicating copy to clipboard operation
react-lz-editor copied to clipboard

Ant icon不能显示

Open wangmengling opened this issue 8 years ago • 7 comments

LzEditor active={true} importContent={this.state.htmlContent} cbReceiver={this.receiveHtml} lang="zh"

ant-design 的icon 不显示

wangmengling avatar Oct 11 '17 07:10 wangmengling

能提供一下显示效果抓图吗?

leejaen avatar Oct 12 '17 11:10 leejaen

image 图标字体加载出错,显示不了图标

jiangfb avatar Oct 20 '17 05:10 jiangfb

I'm having the same issue. I just added the package and plopped a component in my code. So I'm guessing I missed a configuration. @jiangfb did you ever get icons to load? Did you need to import a less file maybe?

"antd": "^2.13.8", "react-lz-editor": "^0.11.6", also using meteor 1.6 (not webpack)

import LzEditor from 'react-lz-editor';

const TextEditor = () => {
	return (
		<LzEditor  active={true} lang="en" />
	)
}

screen shot 2017-11-11 at 4 12 00 pm

seems to be trying to get the icons by a url relative the current relative my app is on?

screen shot 2017-11-11 at 4 15 28 pm

acomito avatar Nov 11 '17 21:11 acomito

@acomito I got the same error when load icons .I have used the another component :'react-draft-wysiwyg' to instead of this one.react-lz-editor is pretty but not enough stable.

jiangfb avatar Nov 13 '17 01:11 jiangfb

这个还没解决??

jiangyuzhen avatar Apr 25 '18 09:04 jiangyuzhen

还解决吗?

andyforever avatar May 17 '19 12:05 andyforever

Hi everyone,

I just added a !important into .anticon:before css display, because antd is replacing this rule with display:none

Edited file in system.css: \node_modules\react-lz-editor\global\supports\resources

.anticon:before {
  display: block !important;
  font-family: "anticon" !important;
}

iaurg avatar Jun 03 '19 17:06 iaurg