如何根据屏幕宽度在Rails应用中编辑TinyMCE编辑器的宽度

gem 'tinymce-rails'

//= require tinymce
//= require tinymce-jquery

$(document).on('turbolinks:load', function() {
  tinymce.init({
    selector: 'textarea',
    width: calculateEditorWidth() // 调用自定义函数计算编辑器宽度
  });
});

function calculateEditorWidth() {
  var screenWidth = $(window).width();
  var editorWidth;

  // 根据屏幕宽度设置编辑器宽度
  if (screenWidth < 768) {
    editorWidth = '100%'; // 在小屏幕上设置为100%宽度
  } else if (screenWidth < 992) {
    editorWidth = '80%'; // 在中等屏幕上设置为80%宽度
  } else {
    editorWidth = '60%'; // 在大屏幕上设置为60%宽度
  }

  return editorWidth;
}

<%= form.text_area :content, id: 'my-editor' %>

#my-editor {
  width: 100%;
}