WP页面选项CSS编辑器

我正在为我的工作场所开发一个简单的插件，它用自定义按钮、字体和样式为微型mce区域设置样式。该插件创建一个包含文本字段、复选框和其他选项的页面选项。除了自定义CSS之外，大多数插件功能都已完成

要建立上下文，my tiny mce函数需要自定义样式表的路径：

function tiny_mce($in){

    $in['content_css'] = get_template_directory_uri() . "/build/styles/tiny-mce-editor.css";
    return $in;

add_filter( 'tiny_mce_before_init', 'tiny_mce' );

是一个非常简单的函数！我想要实现的是在我的插件文件夹中提供一个空白的CSS文件。同时，在页面选项中包含一个文本字段以编辑此CSS文件。然后我将把这个CSS文件链接到我的tiny_mce函数中。这样，用户可以从后端编辑文件，保存更改，样式将显示在编辑器中

希望我说得够清楚。我愿意接受不同的建议（将文本字段的内容以CSS格式保存在$variable中，然后只在函数中包含该变量，而不是CSS url路径？）

感谢您的帮助！谢谢

更新

这是我当前的代码，我不确定我做错了什么——我仍在学习这一点（我从未编写过文件，但它开始有意义）：

---

谢谢你的帮助

当用户转到设置页面时，将文本字段的内容保存到上述文件中，并将文件的内容加载到文本字段中，究竟是什么问题？到目前为止，您尝试了什么？有什么问题？@Flyer我不熟悉通过文本字段将数据存储在.css文件中。我很难找到如何操作的说明！抱歉，如果我不够清楚，将更新问题。与任何文件相同。通读：，@mmarquez尝试

plugin\u dir\u路径（\uuuu文件）

而不是

（dirname（plugin\u basename（\uu文件））

。此外，只有在设置页面上保存设置时，才将内容写入文件。在设置页面上加载选项时读取该文件。我怀疑它是否具有文件权限。如果您能够从wp admin自动更新/安装插件/主题（它不要求您进行ftp访问），则您的权限可以。

function tiny_mce($in){
    global $mce_options;

    $single_custom_css = $mce_options['textarea'];
    $file =  (dirname( plugin_basename( __FILE__ ) ) . '/includes/css/editor-style.css' );
    file_put_contents($file, $single_custom_css);

    $in['content_css'] = $file;
    return $in;

add_filter( 'tiny_mce_before_init', 'tiny_mce' );