@mentions for Users with ActionText; 使用Tribute.js库

git clone从https://github.com/chentianwei411/at-mentions-with-action-text

先fork下来，然后拷贝https连接，最后在terminal上：

git clone https://github.com/chenwei/at-mentions-with-action-text.git

然后因为ruby 和 rails版本。使用命令：

rvm 2.6.1@railsXXX版本
#简单的集合命令，详细看之前的相关博客。

根据提示安装bundler和yarn更新。

10821  gem install bundler:2.0.1
10822  bundle update
10828  yarn install --check-files

最后rails db:migrate并rails s启动服务器localhost:3000

---

rails6.1后: Module#parent_name帮助方法被替换：

    # config.application_name = Rails.application.class.parent_name
    config.application_name = Rails.application.class.module_parent_name

---

实做@mention功能

使用tribute库来实现@mention功能，支持Vue。

参考https://zurb.github.io/tribute/example/案例，在输入框输入@可以显示人名的下拉列表。

trix文本编辑器已经被集成到新版本。

使用stimulus.js增加JavaScript脚本。

rails webpacker:install:stimulus

然后下载ZURB tribute javascript library。这里使用yarn,也可以用gem 'tribute'

https://github.com/zurb/tribute

这是用ES6写的@mention引擎。无需依赖dependencies。跨浏览器。

yarn add tributejs

按照路径->controller->view思路：

routes.rb内添加：

resources :mentions, only: [:index]

目的是点击这个url来自动获取users。然后就可以动态地load. json格式的user数据。