如何发布在Joomla编辑器中输入的内容-自定义组件

Question

我正在为Joomla 3.0开发一个自定义组件，并且在我的一个视图中使用一个编辑器字段。我使用纯HTML和JS开发视图，而不是使用Joomla XML结构。我已经成功地加载并使用了编辑器字段，但是当我使用ajax将表单数据发布到控制器时，编辑器字段没有显示，或者为空。

如何使用ajax将编辑器的内容发布到控制器？

表格代码-

    <form id="servicecategory-form" name="servicecategory-form" enctype="multipart/form-data">
...
<!-- description editor-->
<div class="control-group">
    <label class="control-label">
        <a href="#" data-toggle="tooltip" title="Description">
            Description
        </a>
    </label>
    <div class="controls">
        <?php
        $editor = JFactory::getEditor();
        echo $editor->display('description', '', '270', '300', '50', '10',false);
        ?>
        <p class="help-block"></p>
    </div>
</div>
...
</form>

Javascript代码-

function saveServiceCategory() {
    var form = jsn('#servicecategory-form');

        var formData = form.serialize();

        jsn.ajax({
            type: 'POST',
            url: 'index.php?option=com_centrilliontech_helloworld&task=custom.saveData&tmpl=component&format=raw',
            cache: false,
            data: formData,
            beforeSend: function() {
                jsn('#loading-modal').modal('show');
                console.log('beforeSend');
            }
        })
            .success(function(response) {
                var value = jQuery.parseJSON(response);

                if (value.error) {
                    alertBar('alert-error', 'Service Category', 'Error');
                } else {
                    alertBar('alert-info', 'Service Category', value.message);
                }
            })
            .complete(function() {
                jsn('#loading-modal').modal('hide');
                console.log('complete');
            })
            .error(function() {
                alertBar('alert-danger', 'Service Category', 'Oops! An error occurred. Please try again later.');
            });
}

请假设ajax请求以及与将数据发布到相关控制器相关的任何操作都正常工作，事实上，这里唯一的问题是如何访问编辑器的内容并将其发布到控制器，以便将其保存在数据库中。

提前感谢您的帮助。

Answer 1

下面是我如何通过AJAX传递Joomla编辑器值的：

将编辑器内容保存在隐藏输入中或操作元素上，作为PHP/超文本标记语言端的数据属性：

<input type="hidden" id="element_id" value="<?php echo $editor->save( 'editor_id' ); ?>" />

或者作为按钮上的数据属性：

<a id="element_id" href="javascript:;" data="<?php echo $editor->save( 'editor_id' ); ?>">Submit</a>

然后在Javascript端调用输入值或数据属性，如下所示：

var message = WFEditor.getContent('element_id');

请记住，如果要将html传递给控制器并使用jinput获取值，则需要使用raw，否则它将从中删除html标记。

$message = $jinput->get('message', null, 'raw');