cakephp 2.4 用可编辑的 div 替换 textarea答案

【问题标题】：cakephp 2.4 replace textarea with editable divcakephp 2.4 用可编辑的 div 替换 textarea
【发布时间】：2014-02-25 22:50:26
【问题描述】：

我是 CakePHP 的新手。我有一个简单的帖子表，我想在actions('add','edit') 中添加一个语法荧光笔

添加.ctp 代码：

<h2>Create a Post</h2>
<?php
    echo $this->Form->create('Post',array('noValidate'));
    echo $this->Form->input('title');

    //echo $this->Form->input('content');

    echo '<div class="input textarea">';
    echo '<label for="PostContent">Content</label>';
    echo '<div  onClick="this.contentEditable=\'true\';" style="border:1px solid #666;" id="PostContent" name="data[Post][content]" >&nbsp;</div>';
    echo '</div>';

    echo $this->Form->end('Save');
?>

我将动态地将pre 标记附加到这个可编辑的div 作为荧光笔，但是如何将textarea(content) 替换为div？目前在添加帖子时它只插入标题而不是内容。

【问题讨论】：

标签： jquery syntax-highlighting contenteditable cakephp-2.3

【解决方案1】：

如果你想在发送表单的同时发送 div 的内容，你可以使用这样的 textarea ：

$this->Form->textarea('content');

http://book.cakephp.org/2.0/en/core-libraries/helpers/form.html#form-element-specific-methods

但是在页面初始化时你隐藏它并且只显示 div。然后使用 javascript 在 onsubmit 事件之前用 div 的内容填充 textarea。

【讨论】：