小编ana*_*477的帖子

PrimeNG Quill编辑器自定义工具栏

我想用PrimeNG制作一个quill编辑器的自定义工具栏.我正在使用Angular 2.

这是我在html代码中所做的:

    <p-editor [(ngModel)]="message" [style]="{'height':'320px'}">
        <p-header>
          <span class="ql-formats">
            <select class="ql-size">
              <option value="small">Petit</option>
              <option selected></option>
              <option value="large">Sous-titre</option>
              <option value="huge">Titre</option>
            </select>
          </span>
          <span class="ql-formats">
            <button class="ql-bold" aria-label="Bold"></button>
            <button class="ql-italic" aria-label="Italic"></button>
            <button class="ql-underline" aria-label="Underline"></button>
            <button class="ql-strike" aria-label="Strike"></button>
          </span>
          <span class="ql-formats">
            <select title="Text Color" class="ql-color" defaultValue="rgb(0, 0, 0)">
              <option value="rgb(0, 0, 0)" label="rgb(0, 0, 0)"></option>
              ...
              <option value="rgb(61, 20, 102)" label="rgb(61, 20, 102)"></option>
            </select>
            <span class="ql-format-separator"></span>
            <select title="Background Color" class="ql-background" defaultValue="rgb(255, 255, 255)">
              <option value="rgb(0, 0, 0)" label="rgb(0, 0, 0)"></option>
              ...
              <option value="rgb(61, …
Run Code Online (Sandbox Code Playgroud)

quill primeng angular

10
推荐指数
1
解决办法
3236
查看次数

Webpack:使用 DefinePlugin 和 DotEnv 未定义 process.env

我想从我的 .env 文件中获取我的变量,但我总是得到 undefined

这是我的 js 代码:

require('dotenv').config();
class Header extends React.Component{
    constructor(props){...}
    render(){
        console.log("NODE ENV", process.env.NODE_ENV);
        console.log("REACT_APP_MYAPP", process.env.REACT_APP_MYAPP);
        ...
   }
}
Run Code Online (Sandbox Code Playgroud)

这打印:

NODE_ENV 开发

REACT_APP_MYAPP undefined

在我的 package.json 中有:

"scripts":{
      "start" : "webpack-dev-server --config webpack.dev.js",
      "build" : "webpack --config webpack.prod.js"
 }
Run Code Online (Sandbox Code Playgroud)

在我的 webpack.dev.js 中:

const webpack = require("webpack");
const merge = require("webpack-merge");
const path = require("path");
const common = require("./webpack.common.js");

module.exports = merge.smart(common, {
    devServer: {
        contentBase: path.resolve(__dirname, "dist"),
        hot: true,
        overlay: {
            warnings: true,
            errors: true
        },
        inline …
Run Code Online (Sandbox Code Playgroud)

reactjs webpack webpack-dev-server

7
推荐指数
2
解决办法
9695
查看次数

Java在没有HttpServletRequest的情况下在spring服务中获取上下文url

在我的春季网络服务中,我正在尝试获取我的应用程序的URL,如" http:// localhost:8080/mycontext ".我的服务不包含任何HttpServletRequest var,所以我可以得到它吗?

java spring

3
推荐指数
1
解决办法
2504
查看次数

隐藏上传按钮PrimeNG

我正在使用PrimeNG的文件上传:https://www.primefaces.org/primeng/#/fileupload

现在,我有这个 在此输入图像描述

但我想只有"选择"和"取消"按钮. 在此输入图像描述

所以在primeNG网站上,他们说要使用 showUploadButton="false"

但它不起作用.

参考这篇文章: 从Primefaces p:fileUpload中删除文件上传和取消按钮

我试过了 :

<p-fileUpload ...  showButtons="false" showCancelButton="true"/>
Run Code Online (Sandbox Code Playgroud)

然后我试了

.ui-fileupload-buttonbar .ui-fileupload-upload {
    display: none;
}
Run Code Online (Sandbox Code Playgroud)

什么都行不通. 也许是因为它引用了另一个版本.我正在使用primeNG 2.0.6和angular 2.4.0的版本

upload primeng angular

2
推荐指数
1
解决办法
3991
查看次数

标签 统计

angular ×2

primeng ×2

java ×1

quill ×1

reactjs ×1

spring ×1

upload ×1

webpack ×1

webpack-dev-server ×1