layedit富文本编辑器，获取值。layui编辑器获取值

迷南。 2022-05-19 06:39 524阅读 0赞

今天在用layedit编辑器做留言板的时候，发现怎么都获取不了值。经过几次调试终于找到了原因。

## 1、查看你是否添加了取值的函数 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70][]

## 2、你获取值的按钮是否有 和 data-type="" （data-type取值content、text、selection三选一）因为运行这个函数的本质是： ##

正确按钮：<button class="site-demo-layedit" data-type="content">获取编辑器内容</button>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 1][]

##  3、你的开头必须这样写（我最开始不是） ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 2][]

## 4、你是否适用了自定义工具栏。如果你自定了工具栏。就不要用原始的方法创建编辑器，应该如下： ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 3][]

##  5、最后说一点小技巧：我们在用编辑器的时候有可能在编辑器上写一句话，用来友好的提示，比如如下： ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 4][]

其实很简单，只需要在<textarea></textarea>标签里面加入你想要展示的话就好了。

但是很多人为了好看这样写（我最开始也是这样写的）

<textarea id="demo">
    	在此留下你想说的吧！！！
    </textarea>

这样写会出现一个问题，你在获取值的时候：前面会多出一大堆空格，这显然不是我们想要的。

所以建议写一行：

<textarea id="demo">在此留下你想说的吧！！！</textarea>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70]: /images/20220519/b04c1b534ff14be199faf41243c34ba3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 1]: /images/20220519/b3d0e2448912417faf7bcbee60efa23d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 2]: /images/20220519/643f4f8ec0a54e38b404d847853ff2d6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 3]: /images/20220519/5dfbc9fa1ada4964a104c3acebb9cd9d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 4]: /images/20220519/cfca5ffcfc164b20b8e8625c1d353208.png