Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 使textarea像CKEditor一样_Php_Html_Codeigniter_Ckeditor_Textarea - Fatal编程技术网

Php 使textarea像CKEditor一样

Php 使textarea像CKEditor一样,php,html,codeigniter,ckeditor,textarea,Php,Html,Codeigniter,Ckeditor,Textarea,如何制作简单的文本区域,使其像CKEditor一样工作?例如,按enter键将自动转到新行,或按TAB键将生成空格等。?因为我将CKEditor添加到了我的项目中,但当我将其设置为空时,在codeigniter3中不会出现验证错误。实际上,它给出了错误,但是在得到错误之前,我还应该将其他字段设置为空,但是当我删除CKEditor时,它工作得很好。创建像CKEditor这样的textarea的工作量太大了。如果您在验证方面有问题,因为默认情况下它会添加一些html标记,在这种情况下,这里有一个技巧

如何制作简单的文本区域,使其像CKEditor一样工作?例如,按enter键将自动转到新行,或按TAB键将生成空格等。?因为我将CKEditor添加到了我的项目中,但当我将其设置为空时,在codeigniter3中不会出现验证错误。实际上,它给出了错误,但是在得到错误之前,我还应该将其他字段设置为空,但是当我删除CKEditor时,它工作得很好。

创建像CKEditor这样的textarea的工作量太大了。如果您在
验证方面有问题,因为默认情况下它会添加一些
html标记
,在这种情况下,这里有一个技巧。这将帮助您继续使用CKEditor

默认情况下,您需要以如下所述的源代码模式加载CKEditor

function () {
    // set the startup mode
    CKEDITOR.config.startupMode = 'source';
    CKEDITOR.replace('editor1');
}
这对你有帮助。如果不起作用,请告诉我

//设置启动模式
CKEDITOR.config.startupMode='source';
CKEDITOR.replace('insdescription1');

我认为最简单的方法是您可以使用它。它将工作得非常好,而且占地面积小。这是一个例子。 只要在需要文本编辑器的地方应用此代码即可


init({选择器:'textarea'});
你的文字

我发现如何修复错误。您需要将此代码粘贴到页面顶部

<script type="text/javascript">
CKEDITOR.on('instanceReady', function()
{
    $.each( CKEDITOR.instances, function(instance) 
    {
        CKEDITOR.instances[instance].on("change",function(e) 
        {               
            for ( instance in CKEDITOR.instances)
            CKEDITOR.instances[instance].updateElement();
        });
    });
});
</script>

CKEDITOR.on('instancerady',function()
{
$.each(CKEDITOR.instances,函数(instance)
{
CKEDITOR.instances[instance].on(“更改”,函数(e)
{               
例如(在CKEDITOR.instances中的实例)
CKEDITOR.instances[instance].updateElement();
});
});
});

你认为TinyMCE比CKEditor好吗?我已经多次使用了
TinyMCE
,而且它很容易实现,关于
CKEditor
我不知道,因为我不经常使用它。你可以自由使用任何一个。但是你应该试一下
TinyMCE
@A.aliyev若要尝试此操作,您可以直接复制代码并在您身边尝试。当文本区域为空时,它也不会显示错误:(您可以使用jquery进行验证,或者CodeIgniter有很好的验证规则。请使用它。@A.aliyevt说实话,我不明白您的意思。我应该在哪里写这段代码?请检查我更新的答案,当我写空时,它也会给您验证错误。我应该在脚本标记中写吗?是的,并替换这一行
CKEDITOR.replace('editor1'))
用你的文本区从我这边向上推荐一个。@ShyamShingadiya