wangeditor-team / wangEditor

wangEditor, open-source Web rich text editor 开源 Web 富文本编辑器
http://www.wangeditor.com/
MIT License
17.47k stars 3.31k forks source link

vue2项目,将html文本标签赋值给html或者黏贴到富文本中,样式丢失 <Editor v-html="html">,这种 #5407

Open mrhulhw123456 opened 1 year ago

mrhulhw123456 commented 1 year ago

问题描述

以下这是我的html范文,我想把他赋值给html或者黏贴到富文本中,样式未生效: <section data-role="outer" class="article135" label="edit by 135editor" style="background-image: url(&quot;https://bdn.135editor.com/files/images/editor_styles/ab98e52d6b026046e3bdde9872d549c5.png&quot;); background-repeat: repeat; background-size: auto;" data-tplid="202105"><section class="_135editor" data-tools="135编辑器" data-id="98902"><section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;"><section data-role="layout" style="max-width: 100% !important; display: inline-block; width: 100%; padding: 0px; background-image: url(&quot;http://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9mZ25reGZHbm5rVGRKVFFpYWliaWNSWUVuOGxGYWs1QXpuZ01kY2R4WkZjdWZOcTRKaWJRZThHOHhnTTdYWVNnZmdJMERqR2w2dDZhZHh5SXZNUU5pY0Z4aWJpY0EvNjQwP3d4X2ZtdD1wbmc=&quot;); background-repeat: repeat; background-size: auto;box-sizing:border-box;" data-width="100%" class=""><section data-role="layout-inner"><section><section data-tools="135编辑器" data-id="105041"><section data-role="absolute-layout" data-mode="svg" data-width="374" data-height="529" data-ratio="1.414438502673797" style="max-width: 100% !important;font-size:16px;overflow:hidden;grid-template-rows:100%;grid-template-columns:100%;display:grid; width: 100%;box-sizing:border-box;"><section data-role="ratio" style="grid-row-start: 1; grid-column-start: 1; height: 100%;"><svg viewBox="0 0 374 529" style="max-width: 100% !important;pointer-events: none; display: inline-block; width: 100%; vertical-align: top; -webkit-tap-highlight-color: transparent; user-select: none;box-sizing:border-box;" xml:space="default"></svg></section><section data-role="block" style="max-width: 100% !important;width: 100%;margin-top:82.93333333333334%;margin-left:0%;grid-row-start:1;grid-column-start:1;height:max-content;line-height:0; display: block; font-size: 16px;box-sizing:border-box;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);" class="_135editor"><svg viewBox="0 0 375 218" style="max-width: 100% !important;display: inline-block; width: 100%;vertical-align: top;line-height:1.6;box-sizing:border-box;" xml:space="default"><foreignObject width="100%" height="100%" data-role="block-content"><img data-role="target" style="vertical-align:inherit;width: 100%; ;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/a8a91337f31490a600e9ad728c38660d.png" draggable="false" data-ratio="0.5805555555555556" data-w="1080"></foreignObject></svg></section><section data-role="block" style=";width: 64%;margin-top:-4%;margin-left:36.096256684491976%;grid-row-start:1;grid-column-start:1;height:max-content;line-height:0; display: block; font-size: 10.24px;box-sizing:border-box;max-width: 64% !important;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);" class="_135editor"><svg viewBox="0 0 240 149" style="max-width: 100% !important;display: inline-block; width: 100%;vertical-align: top;line-height:1.6;box-sizing:border-box;" xml:space="default"><foreignObject width="100%" height="100%" data-role="block-content"><img data-role="target" style="vertical-align:inherit;width: 100%; ;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/958fa4d15ab0e9ddecc935e0c0d63f92.png" draggable="false" data-ratio="0.6185243328100472" data-w="637"></foreignObject></svg></section><section data-role="block" style="max-width: 100% !important;width: 100%;margin-top:70.13333333333334%;margin-left:1.8716577540106951%;grid-row-start:1;grid-column-start:1;height:max-content;line-height:0; display: block; font-size: 16px;box-sizing:border-box;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);" class="_135editor"><svg viewBox="0 0 375 244" style="max-width: 100% !important;display: inline-block; width: 100%;vertical-align: top;line-height:1.6;box-sizing:border-box;" xml:space="default"><foreignObject width="100%" height="100%" data-role="block-content"><img data-role="target" style="vertical-align:inherit;width: 100%; ;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/b1beafdec7a83420030814a8cc3219ed.png" draggable="false" data-ratio="0.6509259259259259" data-w="1080"></foreignObject></svg></section><section data-role="block" style=";width: 14%;margin-top:60.53333333333333%;margin-left:86.63101604278076%;grid-row-start:1;grid-column-start:1;height:max-content;line-height:0; display: block; font-size: 5.6px;box-sizing:border-box;max-width: 14% !important;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);" class="_135editor"><svg viewBox="0 0 53 77" style="max-width: 100% !important;display: inline-block; width: 100%;vertical-align: top;line-height:1.6;box-sizing:border-box;" xml:space="default"><foreignObject width="100%" height="100%" data-role="block-content"><img data-role="target" style="vertical-align:inherit;width: 100%; ;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/a12dd3893fb93cc40c325abc66393289.png" draggable="false" data-ratio="1.469387755102041" data-w="147"></foreignObject></svg></section><section data-role="block" style=";width: 8%;margin-top:32.53333333333333%;margin-left:-0.53475935828877%;grid-row-start:1;grid-column-start:1;height:max-content;line-height:0; display: block; font-size: 12.8px;box-sizing:border-box;max-width: 8% !important;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);" class="_135editor"><svg viewBox="0 0 30 44" style="max-width: 100% !important;display: inline-block; width: 100%;vertical-align: top;line-height:1.6;box-sizing:border-box;" xml:space="default"><foreignObject width="100%" height="100%" data-role="block-content"><img data-role="target" style="vertical-align:inherit;width: 100%; ;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/1c2cc04c73cbfb60027be9f4fdd9ffe7.png" draggable="false" data-ratio="1.469387755102041" data-w="147"></foreignObject></svg></section><section data-role="block" style=";width: 28%;margin-top:32.266666666666666%;margin-left:59.35828877005348%;grid-row-start:1;grid-column-start:1;height:max-content;line-height:0; display: block; font-size: 19.4783px;box-sizing:border-box;max-width: 28% !important;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);" class="_135editor"><svg viewBox="0 0 105 110" style="max-width: 100% !important;display: inline-block; width: 100%;vertical-align: top;line-height:1.6;box-sizing:border-box;" xml:space="default"><foreignObject width="100%" height="100%" data-role="block-content"><img data-role="target" style="vertical-align:inherit;width: 100%; ;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/ed1eaa1292af4bf66b23b42ae9c117fb.gif" draggable="false" data-ratio="1.0467836257309941" data-w="342"></foreignObject></svg></section><section data-role="block" style="max-width: 100% !important;width: 100%;margin-top:12%;margin-left:7.754010695187167%;grid-row-start:1;grid-column-start:1;height:max-content;line-height:0; display: block; font-size: 16px;box-sizing:border-box;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);" class="_135editor"><svg viewBox="0 0 375 114" style="max-width: 100% !important;display: inline-block; width: 100%;vertical-align: top;line-height:1.6;box-sizing:border-box;" xml:space="default"><foreignObject width="100%" height="100%" data-role="block-content"><section><section style="text-align: left; line-height: 2.7em;"><section><strong class="135brush" data-brushtype="text" style="font-size: 3.125em;">精英</strong></section><section><strong class="135brush" data-brushtype="text" style="font-size: 3.125em;">召集令</strong></section></section></section></foreignObject></svg></section><section data-role="block" style="max-width: 100% !important;width: 100%;margin-top:56.53333333333334%;margin-left:8.55614973262032%;grid-row-start:1;grid-column-start:1;height:max-content;line-height:0; display: block; font-size: 16px;box-sizing:border-box;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);" class="_135editor"><svg viewBox="0 0 375 96" style="max-width: 100% !important;display: inline-block; width: 100%;vertical-align: top;line-height:1.6;box-sizing:border-box;" xml:space="default"><foreignObject width="100%" height="100%" data-role="block-content"><section><section style="text-align: left; line-height: 2em;" class="135brush" data-autoskip="1"><p style="vertical-align:inherit;">·&nbsp;薪资福利丰厚</p><p style="vertical-align:inherit;">·&nbsp;发展空间广阔</p><p style="vertical-align:inherit;">·&nbsp;提供晋升机会</p></section></section></foreignObject></svg></section><section data-role="block" style=";width: 17%;margin-top:68.26666666666667%;margin-left:46.25668449197861%;grid-row-start:1;grid-column-start:1;height:max-content;line-height:0; display: block; font-size: 4.18462px;box-sizing:border-box;max-width: 17% !important;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);" class="_135editor"><svg viewBox="0 0 64 54" style="max-width: 100% !important;display: inline-block; width: 100%;vertical-align: top;line-height:1.6;box-sizing:border-box;" xml:space="default"><foreignObject width="100%" height="100%" data-role="block-content"><img data-role="target" style="vertical-align:inherit;width: 100%; ;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/dc06c64fcf9df4086cf25d7bcf1e8222.png" draggable="false" data-ratio="0.859504132231405" data-w="242"></foreignObject></svg></section><section data-role="block" style=";width: 48%;margin-top:40.53333333333333%;margin-left:6.684491978609626%;grid-row-start:1;grid-column-start:1;height:max-content;line-height:0; display: block; font-size: 16px;box-sizing:border-box;max-width: 48% !important;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);" class="_135editor"><svg viewBox="0 0 180 51" style="max-width: 100% !important;display: inline-block; width: 100%;vertical-align: top;line-height:1.6;box-sizing:border-box;" xml:space="default"><foreignObject width="100%" height="100%" data-role="block-content"><section style="margin: 0 auto; padding: 0.625em 0em; text-align: center; display: inline-block; box-sizing: border-box;"><section style="display: inline-block;"><section style="border: 0.0625em solid #ffffff; border-radius: 1.875em; padding: 0.25em 1.8em; letter-spacing: 0.0625em; color: #ffffff; background: #f76645; line-height: normal;box-sizing:border-box;"><strong class="135brush" data-brushtype="text">比格新能源公司</strong></section></section></section></foreignObject></svg></section></section></section></section></section></section></section></section><section data-tools="135编辑器" data-id="98902" style="margin-top: -6px;"><section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;"><section data-role="layout" style="max-width: 100% !important; display: inline-block; width: 100%; padding: 0px; background-image: url(&quot;https://bdn.135editor.com/files/images/editor_styles/ab98e52d6b026046e3bdde9872d549c5.png&quot;); background-repeat: repeat; background-size: auto;box-sizing:border-box;" data-width="100%"><section data-role="layout-inner"><section><p style="vertical-align:inherit;"><br></p></section><section class="_135editor"><section data-role="title" data-tools="135编辑器" data-id="115907"><section style="margin: 20px auto;"><section style="display: flex;justify-content: center;"><section><section style="display: flex; justify-content: space-between; padding: 0px 10px; box-sizing: border-box;"><section style="flex-shrink: 0;"><section style="width: 8px; height: 18px; border-radius: 15px; background-color: rgb(132, 195, 233); border: 2px solid rgb(255, 255, 255); overflow: hidden;box-sizing:border-box;"></section></section><section style="flex-shrink: 0;"><section style="width: 8px; height: 18px; border-radius: 15px; background-color: rgb(132, 195, 233); border: 2px solid rgb(255, 255, 255); overflow: hidden;box-sizing:border-box;"></section></section></section><section style="background-color: rgb(247, 102, 69); font-size: 16px; color: rgb(255, 255, 255); text-align: center; letter-spacing: 1.5px; padding: 10px 25px; margin-top: -7px; box-sizing: border-box;"><span style="font-size: 18px;"><strong class="135brush" data-brushtype="text">比格新能源公司</strong></span></section></section></section></section></section><section><p style="vertical-align:inherit;"><br></p></section><section data-tools="135编辑器" data-id="98902" data-width="90%" style="margin-left: auto; margin-right: auto; width: 90%; flex: 0 0 90%;box-sizing:border-box;max-width: 90% !important;"><section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;"><section data-role="layout" style="max-width: 100% !important; display: inline-block; width: 100%; padding: 0px; background-color: #ffffff; border-style: dashed; border-width: 1px; border-color: #ebf3fc;box-sizing:border-box;" data-width="100%"><section data-role="layout-inner"><section style="transform-style:preserve-3d"><section><section style="text-align: left;"><img src="https://bdn.135editor.com/files/images/editor_styles/1e8594b72cceefc0ddedf8ecd10d095e.png" alt="" style="vertical-align:inherit; width: 30%; height: auto;box-sizing:border-box;max-width: 30% !important;" width="30%" data-width="30%" draggable="false" data-ratio="0.6185243328100472" data-w="637"></section></section><section data-tools="135编辑器" data-id="98902" data-width="90%" style="margin-left: auto; margin-right: auto; width: 90%; flex: 0 0 90%; margin-top: -70px;box-sizing:border-box;max-width: 90% !important;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"><section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;"><section data-role="layout" style="max-width: 100% !important;display: inline-block;width: 100%;box-sizing:border-box;" data-width="100%"><section data-role="layout-inner"><section><section data-tools="135编辑器" data-id="114725"><section style="margin: 20px auto;"><section style="display: flex;justify-content: space-between;align-items: center;"><section style="width: 48%;box-sizing:border-box;max-width: 48% !important;" data-width="48%"><section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%"><section data-css="box-sizing: border-box; vertical-align: inherit; width: 100%; display: block;" data-role="square" style="width: 100%; overflow: hidden; margin: 0px auto; padding-bottom: 100%; height: 0px; background-image: url(&quot;https://bdn.135editor.com/files/images/editor_styles/51ee453771e2407f93b09d2038369480.jpg&quot;); background-position: 50% 50%; background-size: cover; display: inline-block; max-width: 100% !important;box-sizing:border-box;"><img src="https://bdn.135editor.com/files/images/editor_styles/51ee453771e2407f93b09d2038369480.jpg" style="vertical-align:inherit;opacity: 0;width: 100%;box-sizing:border-box;max-width: 100% !important;" draggable="false" data-ratio="0.6666666666666666" data-w="1080"></section></section></section><section style="width: 48%;box-sizing:border-box;max-width: 48% !important;" data-width="48%"><section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%"><img style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/9ef63a7ae398127104668db969fa8ce4.png" hm_fix="319:418" data-width="100%" draggable="false" data-ratio="1.3333333333333333" data-w="540"></section></section></section><section style="width: 48%;margin-top: -31px;box-sizing:border-box;max-width: 48% !important;" data-width="48%"><section style="width: 1px; height: 44px; background-color: #3485dc; margin: auto; overflow: hidden;box-sizing:border-box;"></section></section></section></section></section></section></section></section></section><section data-tools="135编辑器" data-id="98902" data-width="90%" style="margin-left: auto; margin-right: auto; width: 90%; flex: 0 0 90%;box-sizing:border-box;max-width: 90% !important;"><section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;"><section data-role="layout" style="max-width: 100% !important;display: inline-block;width: 100%;box-sizing:border-box;" data-width="100%"><section data-role="layout-inner"><section><section><section style="text-align: justify;line-height: 1.75em;font-size: 14px; letter-spacing: 1px;" class="135brush" data-autoskip="1"><p style="vertical-align:inherit;">比格新能源材料有限公司位于山东省禹城市高新技术开发区,新三板企业,国家高新技术企业,山东省环境保护产业协会理事单位、山东农牧循环产业联盟副理事长单位。</p><p style="vertical-align:inherit;"><br></p><p style="vertical-align:inherit;">注册资本4800万,厂区占地面积约8万平方米。主要研发制造新能源污泥处理设备、智能高温好氧发酵设备、污泥干化一体机、餐厨垃圾处理设备等。</p><p style="vertical-align:inherit;"><br></p></section></section><section data-tools="135编辑器" data-id="98902"><section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;"><section data-role="layout" style="max-width: 100% !important; display: inline-block; width: 100%; padding: 0px; background-color: #f4f8ff;box-sizing:border-box;" data-width="100%"><section data-role="layout-inner"><section><section><section class="_135editor block" data-id="98902" data-plugin="template" style="max-width: 100% !important;width: 100%;box-sizing:border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);" data-template="%7B%22block_id%22%3A1658215747472%2C%22plugin%22%3A%22Template%22%2C%22padding%22%3A%7B%22top%22%3A0%2C%22bottom%22%3A0%2C%22left%22%3A0%2C%22right%22%3A0%7D%2C%22margin%22%3A%7B%22top%22%3A0%2C%22bottom%22%3A0%2C%22left%22%3A0%2C%22right%22%3A0%7D%2C%22template%22%3A%7B%22id%22%3A98902%2C%22cate_id%22%3A0%2C%22sub_cate_id%22%3A0%2C%22name%22%3A%22%22%7D%7D" data-copyright="135编辑器"><section class="block-inner" data-inner-id="98902" data-inner-name="135editor-template"><section><section class="block" data-id="115717" data-plugin="template" style="max-width: 100% !important;width: 100%;box-sizing:border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);" data-template="%7B%22block_id%22%3A1658142365813%2C%22plugin%22%3A%22Template%22%2C%22padding%22%3A%7B%22top%22%3A0%2C%22bottom%22%3A0%2C%22left%22%3A0%2C%22right%22%3A0%7D%2C%22margin%22%3A%7B%22top%22%3A0%2C%22bottom%22%3A0%2C%22left%22%3A0%2C%22right%22%3A0%7D%2C%22template%22%3A%7B%22id%22%3A115717%2C%22cate_id%22%3A0%2C%22sub_cate_id%22%3A0%2C%22name%22%3A%22%22%7D%7D" data-copyright="135编辑器"><section class="block-inner" data-inner-id="115717" data-inner-name="135editor-template"><section data-id="115717"><section style="margin: 20px auto;"><section><section style="text-align: center;letter-spacing: 1.5px;font-size: 14px;color: #aaaaaa;"><span style="color: #262626;" class="135brush" data-brushtype="text">左右滑动查看更多</span></section><section style="display: flex;align-items: center;transform-style: preserve-3d;justify-content: center;"><section style="background-color: #ffffff;padding: 3px;border-radius: 100%;box-sizing:border-box;;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"><section style="background-color: #f76645;width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;border-radius: 100%;box-sizing:border-box;"><section class="assistant" style="width: 15px;box-sizing:border-box;"><img class="assistant" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/1551f8080d8e7c1d2e55582dd1a181fd.png" data-width="100%" draggable="false" data-ratio="1.7619047619047619" data-w="21"></section></section></section><section data-role="animate" style="white-space: normal; border: 0px none; padding: 0px;overflow: hidden;width: 80%;margin: 0 -15px;box-sizing:border-box;max-width: 80% !important;transform: translateZ(5px);-webkit-transform: translateZ(5px);-moz-transform: translateZ(5px);-o-transform: translateZ(5px);" data-width="80%"><section style="max-width: 100% !important;white-space: nowrap; width: 100%; overflow-x: scroll;overflow-y: hidden; ;box-sizing:border-box;" data-width="100%"><section style="max-width: 100% !important;display: inline-block;word-wrap: break-word;white-space: normal;width: 100%;padding-bottom: 15px;box-sizing:border-box;" data-svg-role="block" data-svg-op="copy delete" data-svg-blockname="图文组合" data-width="100%"><section style="display: flex;justify-content: space-between;align-items: center;"><section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%"><section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%"><img style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/68af4ceb4ed92217360c8a2e62c03763.jpg" hm_fix="336:412" data-width="100%" draggable="false" data-ratio="0.6666666666666666" data-w="1080"></section></section></section></section><section style="max-width: 100% !important;display: inline-block;word-wrap: break-word;white-space: normal;width: 100%;padding-bottom: 15px;box-sizing:border-box;" data-svg-role="block" data-svg-op="copy delete" data-svg-blockname="图文组合" data-width="100%"><section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%"><section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%"><img style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/51ee453771e2407f93b09d2038369480.jpg" data-width="100%" draggable="false" data-ratio="0.6666666666666666" data-w="1080"></section></section></section><section style="max-width: 100% !important;display: inline-block;word-wrap: break-word;white-space: normal;width: 100%;padding-bottom: 15px;box-sizing:border-box;" data-svg-role="block" data-svg-op="copy delete" data-svg-blockname="图文组合" data-width="100%"><section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%"><section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%"><img style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/68af4ceb4ed92217360c8a2e62c03763.jpg" data-width="100%" draggable="false" data-ratio="0.6666666666666666" data-w="1080"></section></section></section></section></section><section style="background-color: #ffffff;padding: 3px;border-radius: 100%;box-sizing:border-box;;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"><section style="background-color: #f76645;width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;border-radius: 100%;box-sizing:border-box;"><section class="assistant" style="width: 15px;box-sizing:border-box;"><img class="assistant" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/8d4f863161331da1a666411b80ce1e74.png" data-width="100%" draggable="false" data-ratio="1.7619047619047619" data-w="21"></section></section></section></section></section></section></section></section></section></section></section></section></section><p style="vertical-align:inherit;"><br></p></section></section></section></section></section><section><p style="vertical-align:inherit;"><br></p><section style="text-align: justify;line-height: 1.75em;font-size: 14px; letter-spacing: 1px;" class="135brush" data-autoskip="1"><p style="vertical-align:inherit;"><br></p><p style="vertical-align:inherit;">公司的污泥、畜禽粪便等有机废弃物处理技术拥有100多项国家专利,并通过了山东省科技厅的科技成果鉴定和山东省经信委的新产品新成果鉴定,填补国内空白,处于国内领先水平,并成功入编国家科技部的《科技惠民先进技术成果目录》。</p></section></section></section></section></section></section></section><section><section style="text-align: right; line-height: 0;" align="right"><img src="https://bdn.135editor.com/files/images/editor_styles/109f4acb43e77c35c0cce1bcfdabb8c9.png" alt="" style="vertical-align:inherit; width: 40%; height: auto;box-sizing:border-box;max-width: 40% !important;" width="40%" data-width="40%" draggable="false" data-ratio="0.4945054945054945" data-w="637"></section></section></section></section></section></section></section></section><section><p style="vertical-align:inherit;"><br></p><p style="vertical-align:inherit;"><br></p></section><section class="_135editor"><section data-role="title" data-tools="135编辑器" data-id="115907"><section style="margin: 20px auto;"><section style="display: flex;justify-content: center;"><section><section style="display: flex; justify-content: space-between; padding: 0px 10px; box-sizing: border-box;"><section style="flex-shrink: 0;"><section style="width: 8px; height: 18px; border-radius: 15px; background-color: #84c3e9; border: 2px solid #ffffff; overflow: hidden;box-sizing:border-box;"></section></section><section style="flex-shrink: 0;"><section style="width: 8px; height: 18px; border-radius: 15px; background-color: #84c3e9; border: 2px solid #ffffff; overflow: hidden;box-sizing:border-box;"></section></section></section><section style="background-color: #f76645; font-size: 16px; color: #ffffff; text-align: center; letter-spacing: 1.5px; padding: 10px 25px; margin-top: -7px; box-sizing: border-box;"><span style="font-size: 18px;"><strong class="135brush" data-brushtype="text">秋季招聘岗位</strong></span></section></section></section></section></section></section><section><p style="vertical-align:inherit;"><br></p></section><section data-tools="135编辑器" data-id="98902" data-width="90%" style="margin-left: auto; margin-right: auto; width: 90%; flex: 0 0 90%;box-sizing:border-box;max-width: 90% !important;"><section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;"><section data-role="layout" style="max-width: 100% !important; display: inline-block; width: 100%; padding: 0px; background-color: #ffffff; border-style: dashed; border-width: 1px; border-color: #ebf3fc;box-sizing:border-box;" data-width="100%"><section data-role="layout-inner"><section><section class="_135editor"><section><section style="text-align: left;"><img src="https://bdn.135editor.com/files/images/editor_styles/1e8594b72cceefc0ddedf8ecd10d095e.png" alt="" style="vertical-align:inherit; width: 30%; height: auto;box-sizing:border-box;max-width: 30% !important;" width="30%" data-width="30%" draggable="false" data-ratio="0.6185243328100472" data-w="637"></section></section><section data-tools="135编辑器" data-id="98902" data-width="90%" style="margin-left: auto; margin-right: auto; width: 90%; flex: 0 0 90%; margin-top: -70px;box-sizing:border-box;max-width: 90% !important;"><section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;"><section data-role="layout" style="max-width: 100% !important;display: inline-block;width: 100%;box-sizing:border-box;" data-width="100%"><section data-role="layout-inner"><section><section data-tools="135编辑器" data-id="115664"><section style="margin: 20px auto;"><section style="transform-style: preserve-3d ;"><section style="display: flex;justify-content: flex-start;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"><section><section style="background: linear-gradient(to right,#474ed0,#474ed0);display: flex;padding: 0 5px;box-sizing:border-box;"><section style="font-size: 16px;letter-spacing: 1.5px;color: #ffffff;width: 35px;height: 35px;line-height: 35px;text-align: center;box-sizing:border-box;"><strong>0</strong><strong class="autonum">1</strong></section><section style="flex-shrink: 0;display: flex;align-items: center;"><section style="height: 70%; width: 1px; background-color: rgb(255, 255, 255); margin: auto; overflow: hidden;box-sizing:border-box;"></section></section><section style="font-size: 15px; color: rgb(255, 255, 255); text-align: center; height: 35px; line-height: 35px; letter-spacing: 1.5px; padding: 0px 10px; box-sizing: border-box;"><strong class="135brush" data-brushtype="text">新媒体运营专员</strong></section><section style="display: flex; align-items: center; padding-right: 5px; box-sizing: border-box;"><section class="assistant" style="width: 4px; height: 0px; overflow: hidden;box-sizing:border-box;"></section><section class="assistant" style="width: 4px; margin-left: 2px; height: 0px; overflow: hidden;box-sizing:border-box;"></section></section></section><section style="width: 0px; height: 1px; border-right: 10px solid rgb(71, 78, 208); border-bottom: 10px solid transparent; overflow: hidden;box-sizing:border-box;"></section></section></section><section style="margin-top: -30px;padding-left: 10px;box-sizing:border-box;transform: translateZ(7px);-webkit-transform: translateZ(7px);-moz-transform: translateZ(7px);-o-transform: translateZ(7px);"><section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%"><img style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/51ee453771e2407f93b09d2038369480.jpg" data-width="100%" draggable="false" data-ratio="0.6666666666666666" data-w="1080"></section></section><section style="background-color: rgb(244, 248, 255); padding: 10px 0px 15px; box-sizing: border-box;"><section data-role="title" data-tools="135编辑器" data-id="100929" style=";transform: translateX(20px);-webkit-transform: translateX(20px);-moz-transform: translateX(20px);-o-transform: translateX(20px);"><section style="margin: 10px auto; text-align: left;"><section style="display: inline-block;"><section style="display: flex;justify-content: center;align-content: center;background: #f76645;padding: 0px 1em;border-radius: 30px;box-sizing:border-box;" hm_fix="385:323"><section class="assistant" style="width: 10px; height: 10px; background: rgb(255, 255, 255); border-radius: 100%; align-self: center; overflow: hidden;box-sizing:border-box;"></section><section style="font-size: 16px; letter-spacing: 1.5px; padding: 5px 1em; color: rgb(255, 255, 255); box-sizing: border-box;"><section style="line-height: normal;"><strong class="135brush" data-brushtype="text">岗位职责</strong></section></section><section class="assistant" style="width: 10px;height: 10px;background: #fff;border-radius: 100%;align-self: center;box-sizing:border-box;"><br></section></section></section></section></section><section><section style="text-align: justify;margin-left: 20px; margin-right: 20px; line-height: 1.75em;font-size: 14px; letter-spacing: 1px;" class="135brush" data-autoskip="1"><p style="vertical-align:inherit;">1、负责品牌社会化媒体日常运营以及推广,协助完成新媒体平台管理与发展规划;</p><p style="vertical-align:inherit;">2、对所新媒体传播量、用户活跃、话题KPI负责,促进各新媒体账号知名度的提高;</p><p style="vertical-align:inherit;">3、分析整理业界社会媒体营销情况,进行数据分析、挖掘,传播方案优化。</p></section></section><section class="box-edit"><section data-role="title" data-tools="135编辑器" data-id="100929" style=";transform: translateX(20px);-webkit-transform: translateX(20px);-moz-transform: translateX(20px);-o-transform: translateX(20px);"><section style="margin: 10px auto; text-align: left;"><section style="display: inline-block;"><section style="display: flex;justify-content: center;align-content: center;background: #f76645;padding: 0px 1em;border-radius: 30px;box-sizing:border-box;" hm_fix="385:323"><section class="assistant" style="width: 10px; height: 10px; background: #ffffff; border-radius: 100%; align-self: center; overflow: hidden;box-sizing:border-box;"></section><section style="font-size: 16px; letter-spacing: 1.5px; padding: 5px 1em; color: #ffffff; box-sizing: border-box;"><section style="line-height: normal;"><strong class="135brush" data-brushtype="text">岗位要求</strong></section></section><section class="assistant" style="width: 10px;height: 10px;background: #fff;border-radius: 100%;align-self: center;box-sizing:border-box;"><br></section></section></section></section></section><section><section style="text-align: justify;margin-left: 20px; margin-right: 20px; line-height: 1.75em;font-size: 14px; letter-spacing: 1px;" class="135brush" data-autoskip="1"><p style="vertical-align:inherit;">1、本科及以上学历,1年以上相关工作经验,具备新媒体成功运营经验者优先;</p><p style="vertical-align:inherit;">2、创意丰富,思路活跃,能够根据用户的需求,创造更好的交互内容,</p><p style="vertical-align:inherit;">3、熟悉移动互联网使用人群的特点及行为习惯;</p><p style="vertical-align:inherit;">4、良好的运营分析能力,短视频运营经验优先,有视频剪辑功底优先。</p></section></section></section></section></section></section></section></section></section></section></section></section></section><section class="_135editor"><section data-tools="135编辑器" data-id="98902" data-width="90%" style="margin-left: auto; margin-right: auto; width: 90%; flex: 0 0 90%; margin-bottom: -50px;box-sizing:border-box;max-width: 90% !important;"><section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;"><section data-role="layout" style="max-width: 100% !important;display: inline-block;width: 100%;box-sizing:border-box;" data-width="100%"><section data-role="layout-inner"><section><section data-tools="135编辑器" data-id="115664"><section style="margin: 20px auto;"><section style="transform-style: preserve-3d ;"><section style="display: flex;justify-content: flex-start; ;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"><section><section style="background: linear-gradient(to right,#474ed0,#474ed0);display: flex;padding: 0 5px;box-sizing:border-box;"><section style="font-size: 16px;letter-spacing: 1.5px;color: #ffffff;width: 35px;height: 35px;line-height: 35px;text-align: center;box-sizing:border-box;"><strong>0</strong><strong class="autonum">2</strong></section><section style="flex-shrink: 0;display: flex;align-items: center;"><section style="height: 70%; width: 1px; background-color: #ffffff; margin: auto; overflow: hidden;box-sizing:border-box;"></section></section><section style="font-size: 15px; color: #ffffff; text-align: center; height: 35px; line-height: 35px; letter-spacing: 1.5px; padding: 0px 10px; box-sizing: border-box;"><strong class="135brush" data-brushtype="text">新媒体运营专员</strong></section><section style="display: flex; align-items: center; padding-right: 5px; box-sizing: border-box;"><section class="assistant" style="width: 4px; height: 0px; overflow: hidden;box-sizing:border-box;"></section><section class="assistant" style="width: 4px; margin-left: 2px; height: 0px; overflow: hidden;box-sizing:border-box;"></section></section></section><section style="width: 0px; height: 1px; border-right: 10px solid #474ed0; border-bottom: 10px solid transparent; overflow: hidden;box-sizing:border-box;"></section></section></section><section style="margin-top: -30px;padding-left: 10px;box-sizing:border-box;transform: translateZ(7px);-webkit-transform: translateZ(7px);-moz-transform: translateZ(7px);-o-transform: translateZ(7px);"><section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%"><img style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/51ee453771e2407f93b09d2038369480.jpg" data-width="100%" draggable="false" data-ratio="0.6666666666666666" data-w="1080"></section></section><section style="background-color: #f4f8ff; padding: 10px 0px 15px; box-sizing: border-box;"><section data-role="title" data-tools="135编辑器" data-id="100929" style=";transform: translateX(20px);-webkit-transform: translateX(20px);-moz-transform: translateX(20px);-o-transform: translateX(20px);"><section style="margin: 10px auto; text-align: left;"><section style="display: inline-block;"><section style="display: flex;justify-content: center;align-content: center;background: #f76645;padding: 0px 1em;border-radius: 30px;box-sizing:border-box;" hm_fix="385:323"><section class="assistant" style="width: 10px; height: 10px; background: #ffffff; border-radius: 100%; align-self: center; overflow: hidden;box-sizing:border-box;"></section><section style="font-size: 16px; letter-spacing: 1.5px; padding: 5px 1em; color: #ffffff; box-sizing: border-box;"><section style="line-height: normal;"><strong class="135brush" data-brushtype="text">岗位职责</strong></section></section><section class="assistant" style="width: 10px;height: 10px;background: #fff;border-radius: 100%;align-self: center;box-sizing:border-box;"><br></section></section></section></section></section><section><section style="text-align: justify;margin-left: 20px; margin-right: 20px; line-height: 1.75em;font-size: 14px; letter-spacing: 1px;" class="135brush" data-autoskip="1"><p style="vertical-align:inherit;">1、负责品牌社会化媒体日常运营以及推广,协助完成新媒体平台管理与发展规划;</p><p style="vertical-align:inherit;">2、对所新媒体传播量、用户活跃、话题KPI负责,促进各新媒体账号知名度的提高;</p><p style="vertical-align:inherit;">3、分析整理业界社会媒体营销情况,进行数据分析、挖掘,传播方案优化。</p></section></section><section class="box-edit"><section data-role="title" data-tools="135编辑器" data-id="100929" style=";transform: translateX(20px);-webkit-transform: translateX(20px);-moz-transform: translateX(20px);-o-transform: translateX(20px);"><section style="margin: 10px auto; text-align: left;"><section style="display: inline-block;"><section style="display: flex;justify-content: center;align-content: center;background: #f76645;padding: 0px 1em;border-radius: 30px;box-sizing:border-box;" hm_fix="385:323"><section class="assistant" style="width: 10px; height: 10px; background: #ffffff; border-radius: 100%; align-self: center; overflow: hidden;box-sizing:border-box;"></section><section style="font-size: 16px; letter-spacing: 1.5px; padding: 5px 1em; color: #ffffff; box-sizing: border-box;"><section style="line-height: normal;"><strong class="135brush" data-brushtype="text">岗位要求</strong></section></section><section class="assistant" style="width: 10px;height: 10px;background: #fff;border-radius: 100%;align-self: center;box-sizing:border-box;"><br></section></section></section></section></section><section><section style="text-align: justify;margin-left: 20px; margin-right: 20px; line-height: 1.75em;font-size: 14px; letter-spacing: 1px;" class="135brush" data-autoskip="1"><p style="vertical-align:inherit;">1、本科及以上学历,1年以上相关工作经验,具备新媒体成功运营经验者优先;</p><p style="vertical-align:inherit;">2、创意丰富,思路活跃,能够根据用户的需求,创造更好的交互内容,</p><p style="vertical-align:inherit;">3、熟悉移动互联网使用人群的特点及行为习惯;</p><p style="vertical-align:inherit;">4、良好的运营分析能力,短视频运营经验优先,有视频剪辑功底优先。</p></section></section></section></section></section></section></section><section data-tools="135编辑器" data-id="115663"><section style="margin: 20px auto;"><section><section data-op="division" style="display: flex;align-items: flex-end;transform-style: preserve-3d;"><section style="width: 80%;box-sizing:border-box;max-width: 80% !important;;transform: translateZ(5px);-webkit-transform: translateZ(5px);-moz-transform: translateZ(5px);-o-transform: translateZ(5px);" data-width="80%"><section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%"><img data-division="0,0,0.8,1" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/51ee453771e2407f93b09d2038369480.jpg" hm_fix="306:535" data-width="100%" draggable="false" data-ratio="0.6666666666666666" data-w="1080"></section></section><section style="width: 50%;display: flex;justify-content: space-between;flex-direction: column;margin-left: -104px;box-sizing:border-box;max-width: 50% !important;;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);" data-width="50%"><section style="display: flex;justify-content: flex-end;"><section class="assistant" style="background: linear-gradient(to top, rgb(247, 102, 69), rgb(247, 102, 69)); width: 50px; height: 50px; overflow: hidden;box-sizing:border-box;"></section></section><section style="background-color: rgb(255, 255, 255); padding: 4px 0px 0px 4px; box-sizing: border-box;"><section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%"><img data-division="0.57,0.35,0.5,0.65" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/51ee453771e2407f93b09d2038369480.jpg" data-width="100%" draggable="false" data-ratio="0.6666666666666666" data-w="1080"></section></section></section></section></section></section></section></section></section></section></section></section><section><section style="text-align: right; line-height: 0;" align="right"><img src="https://bdn.135editor.com/files/images/editor_styles/109f4acb43e77c35c0cce1bcfdabb8c9.png" alt="" style="vertical-align:inherit; width: 40%; height: auto;box-sizing:border-box;max-width: 40% !important;" width="40%" data-width="40%" draggable="false" data-ratio="0.4945054945054945" data-w="637"></section></section></section></section></section></section></section></section><section><p style="vertical-align:inherit;"><br></p><p style="vertical-align:inherit;"><br></p></section><section class="_135editor"><section data-role="title" data-tools="135编辑器" data-id="115907"><section style="margin: 20px auto;"><section style="display: flex;justify-content: center;"><section><section style="display: flex; justify-content: space-between; padding: 0px 10px; box-sizing: border-box;"><section style="flex-shrink: 0;"><section style="width: 8px; height: 18px; border-radius: 15px; background-color: #84c3e9; border: 2px solid #ffffff; overflow: hidden;box-sizing:border-box;"></section></section><section style="flex-shrink: 0;"><section style="width: 8px; height: 18px; border-radius: 15px; background-color: #84c3e9; border: 2px solid #ffffff; overflow: hidden;box-sizing:border-box;"></section></section></section><section style="background-color: #f76645; font-size: 16px; color: #ffffff; text-align: center; letter-spacing: 1.5px; padding: 10px 25px; margin-top: -7px; box-sizing: border-box;"><span style="font-size: 18px;"><strong class="135brush" data-brushtype="text">薪资福利情况</strong></span></section></section></section></section></section><section><p style="vertical-align:inherit;"><br></p></section><section data-tools="135编辑器" data-id="98902" data-width="90%" style="margin-left: auto; margin-right: auto; width: 90%; flex: 0 0 90%;box-sizing:border-box;max-width: 90% !important;"><section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;"><section data-role="layout" style="max-width: 100% !important; display: inline-block; width: 100%; padding: 0px; background-color: #ffffff; border-style: dashed; border-width: 1px; border-color: #ebf3fc;box-sizing:border-box;" data-width="100%"><section data-role="layout-inner"><section style="transform-style:preserve-3d ;"><section><section style="text-align: left;"><img src="https://bdn.135editor.com/files/images/editor_styles/1e8594b72cceefc0ddedf8ecd10d095e.png" alt="" style="vertical-align:inherit; width: 30%; height: auto;box-sizing:border-box;max-width: 30% !important;" width="30%" data-width="30%" draggable="false" data-ratio="0.6185243328100472" data-w="637"></section></section><section data-tools="135编辑器" data-id="98902" data-width="90%" style="margin-left: auto; margin-right: auto; width: 90%; flex: 0 0 90%; margin-top: -70px;box-sizing:border-box;max-width: 90% !important;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"><section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;"><section data-role="layout" style="max-width: 100% !important;display: inline-block;width: 100%;box-sizing:border-box;" data-width="100%"><section data-role="layout-inner"><section><section data-tools="135编辑器" data-id="107865" style="margin-bottom: -50px;"><section style="text-align: center;margin: 10px auto;"><section style="background-color: rgb(243, 245, 255); padding: 30px 18px 10px; border-radius: 8px; transform-style: preserve-3d; box-sizing: border-box;" hm_fix="278:379"><section class="assistant" style="max-width: 100% !important;width: 100%;height: 1px;background-color: #d3dbfa;margin: 10px 0 20px 0;box-sizing:border-box;" data-width="100%"><br></section><section class="box-edit" style="display: flex;justify-content: space-between;align-items: center;margin-top: 12px;"><section style="width: 47%;box-sizing:border-box;max-width: 47% !important;" data-width="47%"><section style="background: linear-gradient(to bottom,#f76645 0%,#f76645 100%);padding: 8px 15px;border-radius: 30px;box-sizing:border-box;"><section style="display: flex;justify-content: flex-start;align-items: center;"><section class="assistant" style="width: 5px; height: 5px; background-color: rgb(84, 141, 212); margin-right: 6px; flex-shrink: 0; overflow: hidden;box-sizing:border-box;"></section><section style="font-size: 14px; letter-spacing: 1.5px; color: #ffffff; text-align: center;"><span style="font-size: 16px;"><strong class="135brush" data-brushtype="text">五险一金</strong></span></section></section></section></section><section style="width: 47%;box-sizing:border-box;max-width: 47% !important;" data-width="47%"><section style="background: linear-gradient(to bottom,#f76645 0%,#f76645 100%);padding: 8px 15px;border-radius: 30px;box-sizing:border-box;"><section style="display: flex;justify-content: flex-start;align-items: center;"><section class="assistant" style="width: 5px; height: 5px; background-color: rgb(84, 141, 212); margin-right: 6px; flex-shrink: 0; overflow: hidden;box-sizing:border-box;"></section><section style="font-size: 14px; letter-spacing: 1.5px; color: #ffffff; text-align: center;"><strong><span style="font-size: 16px;" class="135brush" data-brushtype="text">交补房补</span></strong></section></section></section></section></section><section class="box-edit" style="display: flex;justify-content: space-between;align-items: center;margin-top: 12px;"><section style="width: 47%;box-sizing:border-box;max-width: 47% !important;" data-width="47%"><section style="background: linear-gradient(to bottom,#f76645 0%,#f76645 100%);padding: 8px 15px;border-radius: 30px;box-sizing:border-box;"><section style="display: flex;justify-content: flex-start;align-items: center;"><section class="assistant" style="width: 5px; height: 5px; background-color: rgb(84, 141, 212); margin-right: 6px; flex-shrink: 0; overflow: hidden;box-sizing:border-box;"></section><section style="font-size: 14px;letter-spacing: 1.5px;color: #ffffff;text-align: left;flex-shrink: 0;"><span style="font-size: 16px;"><strong class="135brush" data-brushtype="text">法定节假日</strong></span></section></section></section></section><section style="width: 47%;box-sizing:border-box;max-width: 47% !important;" data-width="47%"><section style="background: linear-gradient(to bottom,#f76645 0%,#f76645 100%);padding: 8px 15px;border-radius: 30px;box-sizing:border-box;"><section style="display: flex;justify-content: flex-start;align-items: center;"><section class="assistant" style="width: 5px; height: 5px; background-color: rgb(84, 141, 212); margin-right: 6px; flex-shrink: 0; overflow: hidden;box-sizing:border-box;"></section><section style="font-size: 14px;letter-spacing: 1.5px;color: #ffffff;text-align: left;"><strong><span style="font-size: 16px;" class="135brush" data-brushtype="text">带薪年假</span></strong></section></section></section></section></section><section class="box-edit" style="display: flex;justify-content: space-between;align-items: center;margin-top: 12px;"><section style="width: 47%;box-sizing:border-box;max-width: 47% !important;" data-width="47%"><section style="background: linear-gradient(to bottom,#f76645 0%,#f76645 100%);padding: 8px 15px;border-radius: 30px;box-sizing:border-box;"><section style="display: flex;justify-content: flex-start;align-items: center;"><section class="assistant" style="width: 5px; height: 5px; background-color: rgb(84, 141, 212); margin-right: 6px; flex-shrink: 0; overflow: hidden;box-sizing:border-box;"></section><section style="font-size: 14px;letter-spacing: 1.5px;color: #ffffff;text-align: left;"><strong><span style="font-size: 16px;" class="135brush" data-brushtype="text">加班补助</span></strong></section></section></section></section><section style="width: 47%;box-sizing:border-box;max-width: 47% !important;" data-width="47%"><section style="background: linear-gradient(to bottom,#f76645 0%,#f76645 100%);padding: 8px 15px;border-radius: 30px;box-sizing:border-box;"><section style="display: flex;justify-content: flex-start;align-items: center;"><section class="assistant" style="width: 5px; height: 5px; background-color: rgb(84, 141, 212); margin-right: 6px; flex-shrink: 0; overflow: hidden;box-sizing:border-box;"></section><section style="font-size: 14px;letter-spacing: 1.5px;color: #ffffff;text-align: left;"><strong><span style="font-size: 16px;" class="135brush" data-brushtype="text">绩效提成</span></strong></section></section></section></section></section><section style="max-width: 100% !important;width: 100%;margin-top: 20px;box-sizing:border-box;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"><img style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://bdn.135editor.com/files/images/editor_styles/51ee453771e2407f93b09d2038369480.jpg" data-width="100%" draggable="false" data-ratio="0.6666666666666666" data-w="1080"></section><section style="display: flex;justify-content: flex-end;margin-top: -60px;transform: translate(8px, 0px);-webkit-transform: translate(8px, 0px);-moz-transform: translate(8px, 0px);-o-transform: translate(8px, 0px);"><section class="assistant" style="width: 70px;height: 70px;background-color: #f76645;box-sizing:border-box;"><br></section></section></section></section></section></section></section></section></section></section><section><section style="text-align: right; line-height: 0;" align="right"><img src="https://bdn.135editor.com/files/images/editor_styles/109f4acb43e77c35c0cce1bcfdabb8c9.png" alt="" style="vertical-align:inherit; width: 40%; height: auto;box-sizing:border-box;max-width: 40% !important;" width="40%" data-width="40%" draggable="false" data-ratio="0.4945054945054945" data-w="637"></section></section></section></section></section></section></section></section><section class="_135editor"><section><section style="text-align: center;" class="135brush" data-autoskip="1"><p style="vertical-align:inherit;"><br></p><p style="vertical-align:inherit;"><br></p><section><strong class="135brush" data-brushtype="text" style="color: #FFFFFF; font-size: 40px;">JOIN US</strong></section><section><strong class="135brush" data-brushtype="text" style="color: #ffffff;font-size: 18px;">期待你的加入</strong></section><p style="vertical-align:inherit;"><br></p></section></section><section data-tools="135编辑器" data-id="107700"><section style="text-align: center;margin: 10px auto;"><section style="background: url(https://bcn.135editor.com/files/images/editor_styles/9a289c5b9f06a06cdf5bbec3ea15742a.png) no-repeat right bottom;background-size: 30%;"><section style="width: 77%;margin: auto;box-sizing:border-box;max-width: 77% !important;" data-width="77%"><section style="background-color: rgb(247, 102, 69); padding: 7px; border-radius: 50%; box-sizing: border-box;"><section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%"><section data-css="box-sizing: border-box; vertical-align: inherit;max-width: 100% !important; width: 100%; display: block; border-radius: 50%;" data-role="square" style="max-width: 100% !important; width: 100%; display: block; border-radius: 50%;overflow: hidden;margin: 0 auto;padding-bottom: 100%;height: 0px;background-image: url(https://bdn.135editor.com/files/images/editor_styles/51ee453771e2407f93b09d2038369480.jpg);background-position: 50% 50%;background-size: cover;display: inline-block;box-sizing:border-box;"><img src="https://bdn.135editor.com/files/images/editor_styles/51ee453771e2407f93b09d2038369480.jpg" style="vertical-align:inherit;opacity: 0;width: 100%;box-sizing:border-box;max-width: 100% !important;" draggable="false" data-ratio="0.6666666666666666" data-w="1080"></section></section></section></section></section></section></section><section><p style="vertical-align:inherit;"><br></p></section><section data-tools="135编辑器" data-id="114347"><section style="margin: 20px auto;"><section style="display: flex;justify-content: center;"><section style="transform-style: preserve-3d;"><section style="display: flex;justify-content: space-between;align-items: flex-start;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"><section class="assistant" style="width: 20px; height: 20px; background-color: rgb(84, 141, 212); overflow: hidden;box-sizing:border-box;"></section><section class="assistant" style="width: 20px; height: 20px; background-color: rgb(84, 141, 212); overflow: hidden;box-sizing:border-box;"></section></section><section style="margin: -15px 5px;transform: translateZ(12px);-webkit-transform: translateZ(12px);-moz-transform: translateZ(12px);-o-transform: translateZ(12px);"><section class="assistant" style="width: 115px;background-color: #ffffff;box-sizing:border-box;"><img class="assistant" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/85db7537ac2c9ae9dea1d1f7d3fb76cf.jpg" data-width="100%" draggable="false" data-ratio="1" data-w="258"></section></section><section style="display: flex;justify-content: space-between;align-items: flex-start;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"><section class="assistant" style="width: 20px; height: 20px; background-color: rgb(84, 141, 212); overflow: hidden;box-sizing:border-box;"></section><section class="assistant" style="width: 20px; height: 20px; background-color: rgb(84, 141, 212); overflow: hidden;box-sizing:border-box;"></section></section></section></section></section></section><section><section style="text-align: center;font-size: 14px; color: #ffffff;" class="135brush" data-autoskip="1"><p style="vertical-align:inherit;">排版|135编辑器</p><p style="vertical-align:inherit;">文案|来源网络,请自行替换</p><p style="vertical-align:inherit;">图片|请自行替换</p><p style="vertical-align:inherit;">贴纸|135编辑器,比格设计</p><p style="vertical-align:inherit;"><br></p><p style="vertical-align:inherit;"><br></p><p style="vertical-align:inherit;"><br></p><p style="vertical-align:inherit;"><br></p></section></section></section></section></section></section></section><section><p style="vertical-align:inherit;"><br></p></section></section>

请输入遇到的问题... 样式丢失

wangEditor 版本

"@wangeditor/editor": "^5.1.23", "@wangeditor/editor-for-vue": "^1.0.2", 请输入内容……

是否查阅了文档 ?

是 (文档链接 www.wangeditor.com

是/否

最小成本的复现步骤

(请告诉我们,如何最快的复现该问题?)

yangnanle commented 3 months ago

请问,你有得到解决嘛?我也遇到了同样的问题

cycleccc commented 3 months ago

@yangnanle wangeditor 会对 样式格式化,会过滤掉大部分原有样式,这样做是为了保证富文本编辑器的格式统一方便底层修改。