Can’;在CodeIgniter中找不到配置任何TinyMCE图像上传插件的方法
我对CI比较陌生,但我很喜欢它 我已经构建了一个相当健壮的表单,它使用TinyMCE来修复标记。我的需求之一是上传图片,而不是热链接 我曾尝试运行多个不同的TinyMCE上载插件,但所有插件似乎都存在路径配置问题或Apache阻止您所做的事情 在阅读CI文档时,我似乎记得一些关于上载的信息,但我并没有真正了解它 有什么我没做的吗?可能是关于路线或.htaccess的东西?是否有推荐的TinyMCE上载CI的方法Can’;在CodeIgniter中找不到配置任何TinyMCE图像上传插件的方法,codeigniter,tinymce,codeigniter-2,image-uploading,Codeigniter,Tinymce,Codeigniter 2,Image Uploading,我对CI比较陌生,但我很喜欢它 我已经构建了一个相当健壮的表单,它使用TinyMCE来修复标记。我的需求之一是上传图片,而不是热链接 我曾尝试运行多个不同的TinyMCE上载插件,但所有插件似乎都存在路径配置问题或Apache阻止您所做的事情 在阅读CI文档时,我似乎记得一些关于上载的信息,但我并没有真正了解它 有什么我没做的吗?可能是关于路线或.htaccess的东西?是否有推荐的TinyMCE上载CI的方法 提前感谢。上传图像的文件夹应放在“public\u html”中 不在任何子目录中。
提前感谢。上传图像的文件夹应放在“public\u html”中
不在任何子目录中。i、 e图像上传文件夹应位于父文件夹中在上传按钮上创建自己的JQuery/Angular/任意事件,单击并向服务器发送带有数据的Ajax调用。您可以使用JQuery从输入中提取数据并将其发送到表单处理控制器,如图所示 假设这是您的输入:
<input type="file" name="file" id="file" required />
使用CI表单上载库创建可以处理上载文件的控制器。坦白地说,我更喜欢Froala而不是TinyMCE,因为它事先就已经搞定了所有这些漂亮的小东西,而且可能有更多的功能,而且可以剥皮。无论什么能让你的山羊人飘浮。让我知道这是否可行。我只是当场准备了这段代码,它相当懒惰。您可以在TinyMCE init中移动表单处理函数。干杯 实际上,只要用户权限设置正确,就可以在文件系统的任何位置设置它。
tinymce.init({
selector: 'textarea',
height: 500,
toolbar: 'mybutton',
menubar: false,
setup: function (editor) {
editor.addButton('mybutton', {
text: 'My button',
icon: false,
onclick: function () {
//Trigger Submit event on input
$("#uploadimage").trigger('submit');
}
});
},
content_css: [
'//fast.fonts.net/cssapi/e6dc9b99-64fe-4292-ad98-6974f93cd2a2.css',
'//www.tinymce.com/css/codepen.min.css'
]
});
//Triggered on submit
$("#uploadimage").on('submit',(function(e) {
e.preventDefault();
$("#message").empty();
$('#loading').show();
$.ajax({
url: "ajax_php_file.php", // Url to which the request is send
type: "POST", // Type of request to be send, called as method
data: new FormData(this), // Data sent to server, a set of key/value pairs (i.e. form fields and values)
contentType: false, // The content type used when sending data to the server.
cache: false, // To unable request pages to be cached
processData:false, // To send DOMDocument or non processed data file it is set to false
success: function(data) // A function to be called if request succeeds
{
$('#loading').hide();
$("#message").html(data);
}
});
}));