pandao / editor.md

The open source embeddable online markdown editor (component).
http://editor.md.ipandao.com/
MIT License
13.69k stars 2.41k forks source link

使用HTML的table之后会自动在顶部加很多br #979

Open kebenxiaoming opened 1 year ago

kebenxiaoming commented 1 year ago

v1.5.0版本 加入的HTML如下:

<table border="1" cellpadding="0" cellspacing="0" height="2213" width="450">
            <tbody>
                <tr height="32">
                    <td height="884" rowspan="23" width="115" x:str="">公共模块</td>
                    <td width="131" x:str="">注册</td>
                    <td width="204" x:str="">手机号注册</td>
                </tr>
                <tr height="32">
                    <td rowspan="2" x:str="">登录</td>
                    <td rowspan="2" x:str="">账号密码(手机号+密码)</td>
                </tr>
                <tr height="32">
                </tr>
                <tr height="32">
                    <td width="131" x:str="">密码找回</td>
                    <td x:str="">手机验证码</td>
                </tr>
                <tr height="32">
                    <td rowspan="2" width="131" x:str="">蓝牙连接</td>
                    <td x:str="">支持蓝牙连接</td>
                </tr>
                <tr height="32">
                    <td x:str="">能获取Mac地址</td>
                </tr>
                <tr height="32">
                    <td rowspan="3" width="131" x:str="">WIFI连接</td>
                    <td x:str="">支持WIFI连接</td>
                </tr>
                <tr height="32">
                    <td x:str="">支持WIFI投屏</td>
                </tr>
                <tr height="32">
                    <td x:str="">手机网络开启教程(中文)</td>
                </tr>
                <tr height="30">
                    <td width="131" x:str="">天气/温度</td>
                    <td width="204" x:str="">来源高德导航</td>
                </tr>
                <tr height="49">
                    <td x:str="">消息通知</td>
                    <td x:str="">可设置消息来源</td>
                </tr>
                <tr height="60">
                    <td x:str="">电话挂断</td>
                    <td x:str="">可通过蓝牙控制电话挂断</td>
                </tr>
                <tr height="72">
                    <td x:str="">激活设备</td>
                    <td x:str="">激活设备,写入设备唯一码</td>
                </tr>
                <tr height="64">
                    <td x:str="">绑定微信</td>
                    <td width="204" x:str="">绑定微信并关注思骑云服务接收消息推送</td>
                </tr>
                <tr height="32">
                    <td x:str="">OTA升级</td>
                    <td x:str="">支持设备系统OTA升级</td>
                </tr>
                <tr height="32">
                    <td x:str="">支付</td>
                    <td x:str="">/</td>
                </tr>
                <tr height="32">
                    <td x:str="">订单</td>
                    <td width="204" x:str="">/</td>
                </tr>
                <tr height="32">
                    <td width="131" x:str="">多语言配置</td>
                    <td x:str="">中文简体</td>
                </tr>
                <tr height="32">
                    <td width="131" x:str="">清除缓存</td>
                    <td x:str="">支持</td>
                </tr>
                <tr height="32">
                    <td width="131" x:str="">意见反馈</td>
                    <td x:str="">支持</td>
                </tr>
                <tr height="32">
                    <td width="131" x:str="">帮助中心</td>
                    <td x:str="">支持</td>
                </tr>
                <tr height="48">
                    <td width="131" x:str="">首页模块差异化布局</td>
                    <td x:str="">支持</td>
                </tr>
                <tr height="48">
                    <td width="131" x:str="">多设备管理/切换</td>
                    <td x:str="">支持</td>
                </tr>
                <tr height="32">
                    <td height="160" rowspan="5" x:str="">车身数据模块</td>
                    <td rowspan="5" width="131" x:str="">显示车身数据</td>
                    <td width="204" x:str="">实时行驶速度</td>
                </tr>
                <tr height="32">
                    <td width="204" x:str="">最高时速</td>
                </tr>
                <tr height="32">
                    <td width="204" x:str="">小计里程</td>
                </tr>
                <tr height="32">
                    <td width="204" x:str="">总里程</td>
                </tr>
                <tr height="32">
                    <td width="204" x:str="">剩余燃油</td>
                </tr>
                <tr height="48">
                    <td height="132" rowspan="2" width="115" x:str="">骑行数据模块</td>
                    <td rowspan="2" width="131" x:str="">骑行数据统计</td>
                    <td width="204" x:str="">按月、按次统计骑行数据</td>
                </tr>
                <tr height="84">
                    <td width="204" x:str="">1、支持,APP记录骑行数据,并储存在本地<br />
                    2、支持,骑行数据来服务端</td>
                </tr>
                <tr height="120">
                    <td height="120" width="115" x:str="">骑行记录模块</td>
                    <td width="131" x:str="">骑行轨迹记录</td>
                    <td width="204" x:str="">在地图绘制骑行轨迹</td>
                </tr>
                <tr height="122">
                    <td height="122" width="115" x:str="">骑行计时模块</td>
                    <td width="131" x:str="">骑行计时器</td>
                    <td width="204" x:str="">开始/结束骑行计时</td>
                </tr>
                <tr height="32">
                    <td height="328" rowspan="7" x:str="">导航模块</td>
                    <td rowspan="3" width="131" x:str="">地图</td>
                    <td x:str="">高德地图</td>
                </tr>
                <tr height="32">
                    <td x:str="">地图免费</td>
                </tr>
                <tr height="32">
                    <td width="204" x:str="">支持国内搜索</td>
                </tr>
                <tr height="32">
                    <td rowspan="2" width="131" x:str="">蓝牙导航</td>
                    <td width="204" x:str="">支持,车道指示</td>
                </tr>
                <tr height="52">
                    <td width="204" x:str="">支持,有大路口指示图片</td>
                </tr>
                <tr height="100">
                    <td width="131" x:str="">全屏导航</td>
                    <td width="204" x:str="">支持,能后台/息屏WIFI投屏</td>
                </tr>
                <tr height="48">
                    <td width="131" x:str="">发送目的地到设备</td>
                    <td width="204" x:str="">使用设备本地导航,<br />
                    无需与APP连接</td>
                </tr>
                <tr height="32">
                    <td height="128" rowspan="4" x:str="">安全预警模块</td>
                    <td rowspan="3" x:str="">防盗报警</td>
                    <td x:str="">支持碰撞报警</td>
                </tr>
                <tr height="32">
                    <td width="204" x:str="">支持低电量预警</td>
                </tr>
                <tr height="32">
                    <td width="204" x:str="">支持断电预警</td>
                </tr>
                <tr height="32">
                    <td x:str="">ADAS预警</td>
                    <td width="204" x:str="">暂不支持(计划中)</td>
                </tr>
                <tr height="32">
                    <td height="32" x:str="">定位寻车模块</td>
                    <td x:str="">实施查询车辆位置</td>
                    <td x:str="">导航到车辆位置</td>
                </tr>
                <tr height="96">
                    <td height="96" x:str="">行车记录仪模块</td>
                    <td x:str="">查看行车录像</td>
                    <td x:str="">支持设备查看/下载行车录像</td>
                </tr>
                <tr height="32">
                    <td height="64" rowspan="2" x:str="">直线竞速模块</td>
                    <td x:str="">0-100km/h竞速记录</td>
                    <td x:str="">支持</td>
                </tr>
                <tr height="32">
                    <td width="131" x:str="">0-400竞速记录</td>
                    <td width="204" x:str="">支持</td>
                </tr>
                <tr height="32">
                    <td height="64" rowspan="2" x:str="">SIM卡模块</td>
                    <td width="131" x:str="">物联网卡</td>
                    <td width="204" x:str="">国内第三方卡商</td>
                </tr>
                <tr height="32">
                    <td width="131" x:str="">物联网卡流量查询</td>
                    <td width="204" x:str="">支持</td>
                </tr>
                <tr height="36">
                    <td height="82" rowspan="2" width="115" x:str="">UI和交互</td>
                    <td x:str="">连接教程UI</td>
                    <td x:str="">连接教程(蓝色文字按钮)</td>
                </tr>
                <tr height="46">
                    <td width="131" x:str="">选择蓝牙/<br />
                    WIFI教程交互</td>
                    <td x:str="">弹框选择</td>
                </tr>
            </tbody>
        </table>
dstweihao commented 1 year ago

一样,我也遇到这个问题,也在研究怎么解决,当前自己研究的方案是通过margin-top赋值为负数来解决,但是每次都要这样调整很麻烦,受不了都,在等怎么时候修复了。

.......
dstweihao commented 1 year ago

一样,我也遇到这个问题,也在研究怎么解决,当前自己研究的方案是通过margin-top赋值为负数来解决,但是每次都要这样调整很麻烦,受不了都,在等怎么时候修复了。

<div style="margin-top:-500px;">
<table>
......
</table>
</div>