开发Elementor FTP文件修改组件：使用TEXTAREA控件输入密码是否安全？

结论：用TEXTAREA控件输入FTP密码完全不安全

不安全的原因 #

• 无掩码显示：TEXTAREA是明文输入框，用户输入密码时，周围人能直接看到完整密码，存在物理泄露风险。
• 前端暴露风险：TEXTAREA没有默认的密码安全防护逻辑，输入的密码容易被前端恶意脚本捕获，或在浏览器控制台、网络请求日志中明文暴露。
• Elementor原生支持缺失：Elementor的TEXTAREA控件针对普通文本设计，没有针对密码输入做安全优化，比如输入时的内存清理、输入限制等。

正确的处理方案 #

• 改用Elementor原生密码控件
  Elementor内置了专门的密码类型控件，输入时会自动用圆点/星号掩码，且后端有基础安全过滤。注册控件时使用\Elementor\Controls_Manager::PASSWORD类型即可：

  $this->add_control(
      'ftp_password',
      [
          'label' => esc_html__( 'FTP密码', 'your-plugin-domain' ),
          'type' => \Elementor\Controls_Manager::PASSWORD,
          'required' => true,
          'autocomplete' => 'new-password', // 禁用浏览器自动填充
      ]
  );
  

• 后端加密存储密码
  绝对不能明文存储FTP密码到数据库。如果需要保留密码用于后续FTP连接，可使用WordPress的盐值结合对称加密算法处理：

  // 加密存储
  $encrypted_password = openssl_encrypt(
      $raw_password,
      'AES-256-CBC',
      wp_salt( 'auth' ),
      0,
      substr( wp_salt( 'secure_auth' ), 0, 16 ) // 初始化向量
  );
  update_option( 'your_plugin_ftp_password', $encrypted_password );
  
  // 解密使用
  $encrypted_password = get_option( 'your_plugin_ftp_password' );
  $raw_password = openssl_decrypt(
      $encrypted_password,
      'AES-256-CBC',
      wp_salt( 'auth' ),
      0,
      substr( wp_salt( 'secure_auth' ), 0, 16 )
  );
  

• 强化传输与前端安全

  • 确保网站启用HTTPS，避免密码在传输过程中被中间人劫持。
  • 给密码控件添加autocomplete="new-password"属性，减少浏览器自动填充带来的泄露风险。
  • 禁止在前端JS中打印或存储密码，避免控制台泄露。

• 限制FTP账号权限
  给用于组件的FTP账号设置最小权限：仅允许访问需要修改的特定目录，禁止删除、重命名、遍历其他目录的权限，就算密码泄露，也能控制损失范围。

内容的提问来源于stack exchange，提问作者MagoLione