小编den*_*xic的帖子

使用openid-selector实现没有第三方的社交登录

我在本网站上查看了大约50个问题,但没有一个真正提供最新的解决方案或者不需要第三方插件(我想保持对信息的控制而不是让其他人访问我得到的信息)或那是完整的.我会冒着发布它的风险,并交叉我的手指.

我已经看到了更多,但这里有一些我看过:

因此,我希望将Facebook,Google和Twitter作为我网站上的登录选项(显然,这是人们首选的社交登录方式的80%).
如果我去wiki.openid.net,你会建议我使用哪个软件包以便于实现?你过去使用过哪一个?

另外,如果可能的话,您能解释一下如何实施建议的库吗?即

  1. 我下载它,把它放在我的网站上,
  2. 然后获取我的网站的openID,
  3. 然后使用http://code.google.com/p/openid-selector/进行显示...

这是正确的吗?我不知道...

基本上一步一步的指南会很棒.我敢肯定,任何花时间回答这个问题的人都会获得大量积分,这是热门话题.

谢谢您的帮助.

php openid twitter facebook oauth

14
推荐指数
1
解决办法
2682
查看次数

Jquery/Javascript - 在contentEditable区域中突出显示为用户类型的语法

我正在我的网站上开发一个contentEditable区域,用户可以在其中相互键入消息.

<div contentEditable="true" class="smartText">User types here...</div>
Run Code Online (Sandbox Code Playgroud)

问题是,我们内部会有智能文本,这意味着如果用户@usersame在此div中输入,@username如果用户名存在,则应以蓝色突出显示,如果不存在,则应以绿色突出显示.当然所有这些都应该在用户输入时发生......

我不知道从哪里开始,现在我有这个:

$("body").on("keyup",".smartText",function(){
      var $this = $(this),
          value = $this.html(),
          regex = /[^>]#\S+[^ ]/gim;
      value = value.replace(regex,"<span style='color:red'>$&</span>");
      $this.html(value);
});
Run Code Online (Sandbox Code Playgroud)

但是文本不断跳跃(以及插入位置)并且感觉不是正确的方向.我想这与JSFiddle有点相似,它会在找到它时为代码着色.我基本上想要和Twitter一样.

这是一个可以玩的JSFiddle:http://jsfiddle.net/denislexic/bhu9N/4/

在此先感谢您的帮助.

javascript jquery syntax-highlighting

14
推荐指数
1
解决办法
5692
查看次数

法语口音的字符编码

我正在为一个法国客户开发我的第一个网站,我有很多问题,口音显示为"?".谷歌搜索了几天后,我以为我理解,但问题仍然存在.

为了简化它,我将仅解释电子邮件标题(该消息包含法语口音)

    $headers  = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
Run Code Online (Sandbox Code Playgroud)

我尝试过使用charset UTF-8和iso-8859-1,但我仍然收到这种类型的电子邮件:

Merci pour votre intérêt pour les tee shirts. 
Run Code Online (Sandbox Code Playgroud)

任何人都可以帮忙吗?基本上我到处都是mySql,HTML,PHP的这些问题.

谢谢.

php email diacritics

13
推荐指数
2
解决办法
5万
查看次数

在babel构建阶段传递环境变量以导入不同的文件

我正在为一个项目构建一个web(reactwebpack&babel)和移动应用程序(react-nativewith expo).因此,我为业务逻辑和redux/api库创建了一个公共库.

有些代码在网络和移动设备之间会略有不同.在我的情况下,它是localStorage vs AsyncStorage,我用它来进行身份验证......

我正在尝试为构建阶段传递一个环境变量来切换某些文件的导入,以便为每个构建加载正确的文件,这些文件只是路径链接(即没有预构建我的库,我只是这样做import '../mylib')ex:

if(PLATFORM === 'mobile'){
   import StorageModule from './mobile-storage-module`
} else {
   import StorageModule from './mobile-storage-module`
}
export default StorageModule
Run Code Online (Sandbox Code Playgroud)

试试1

@babel/preset-env 要说它是移动还是网络,以便它根据构建导入不同的库,如下所示:

.babelrc有这个:

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "platform": "mobile"
      }
    ]
  ]
}
Run Code Online (Sandbox Code Playgroud)

然后在本地存储文件中我这样做:

export default () => {
    const platform = process.env.platform
    if (platform === 'mobile') {
        return import './storage-modules/storage-mobile'
    }
    return import './storage-modules/storage-web'
}
Run Code Online (Sandbox Code Playgroud)

这没用,这对我也没用.

试试2 …

babel webpack react-native

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

Twitter Bootstrap - 行流体的位置问题

我目前正在使用Twitter bootstrap构建一个网站(这太棒了!).我使用了以下布局:

<div class="row">
    <div class="span6"></div>
    <div class="span6"></div>
    <div class="span6"></div>
    <div class="span6"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

哪个效果很好,基本上我每行有2个div,而且我们不需要在循环中包含一个计数器来摆脱边距.它是完美的!但我们决定改变我们对固定布局的看法,所以我从.row切换到.row-fluid.这就是问题来临的时候.

我知道有这样的事情:

<div class="row-fluid">
    <div class="span6"></div>
    <div class="span6"></div>
    <div class="span6"></div>
    <div class="span6"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

而.span6的div在第一行效果很好,但是.span6上的margin-left从第二行开始显示,因此布局很好......不好.

我很惊讶它的固定布局效果令人惊叹,但不是流畅的.有解决办法吗?我在我的所有网站上都使用了这个,所以不得不为所有这些网站添加计数器......太多了.

这是JS小提琴:http: //jsfiddle.net/denislexic/uAs6k/3/

任何帮助表示感谢,谢谢.

css twitter-bootstrap

9
推荐指数
2
解决办法
3万
查看次数

在Mac OS上使用节点webkit点击"x"关闭窗口但不是应用程序

通常在mac上,当我关闭窗口时它不会退出应用程序但是在使用node webkit时它会退出应用程序.

有没有人知道一个解决方法所以当我点击"x"它只是关闭窗口但不关闭应用程序?

在此先感谢您的帮助. 在此输入图像描述

macos webkit node-webkit

7
推荐指数
1
解决办法
689
查看次数

Webpack html-webpack-plugin在模板中加载favicon

我正在使用Webpack html-webpack-plugin及其提供的模板.我想在标题中添加一个favicon列表:

<link rel="apple-touch-icon" sizes="57x57" href="<%= htmlWebpackPlugin.extraFiles.apple-touch-icon-57x57 %>">
<link rel="apple-touch-icon" sizes="60x60" href="<%= htmlWebpackPlugin.extraFiles.favicons.fav60%>">
<link rel="apple-touch-icon" sizes="72x72" href="<%= htmlWebpackPlugin.extraFiles.favicons.fav72%>">
<link rel="apple-touch-icon" sizes="76x76" href="favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="favicons/manifest.json">
<link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#e53935">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="favicon/mstile-144x144.png">
<meta name="theme-color" content="#e53935">
Run Code Online (Sandbox Code Playgroud)

如何在我的webpack构建中包含所有favicons,有或没有 …

webpack html-webpack-plugin

7
推荐指数
4
解决办法
9320
查看次数

Loopback MongoError:未授权对heroku_xxxx.role进行查询

我正在使用Loopback为我的服务器进行以下设置:

"loopback": "^2.36.0",
"loopback-boot": "^2.23.0",
"loopback-component-explorer": "^2.4.0",
"loopback-component-storage": "^1.9.1",
"loopback-connector-mongodb": "^1.17.0",
"loopback-datasource-juggler": "^2.53.0",
Run Code Online (Sandbox Code Playgroud)

它连接到mlab.com上的mongoDB

我的主要查询包括一个模型及其依赖项,例如:

GET /api/course/1234
PARAMS filter = {
     include: [
          {relation:'students'},
          {relation:'documents'},
          {relation:'modules'}
     ]
}
Run Code Online (Sandbox Code Playgroud)

99.9%的时间,它完美地运作.但是当我开始在平台上开展更多活动时,我会在服务器开始崩溃之前开始收到此错误.这是错误:

MongoError: not authorized for query on db.student
at Function.MongoError.create (/app/node_modules/mongodb-core/lib/error.js:31:11)
at queryCallback (/app/node_modules/mongodb-core/lib/cursor.js:182:34)
at /app/node_modules/continuation-local-storage/context.js:76:17
at bound (domain.js:287:14)
at runBound (domain.js:300:12)
at Callbacks.emit (/app/node_modules/mongodb-core/lib/topologies/server.js:119:3)
at null.messageHandler (/app/node_modules/mongodb-core/lib/topologies/server.js:397:23)
at Socket.<anonymous> (/app/node_modules/mongodb-core/lib/connection/connection.js:302:22)
Run Code Online (Sandbox Code Playgroud)

有时它会打开db.students,有时候它会db.documents......似乎是随机的,我不知道如何修复它.

要连接到DB,我使用mlab提供的URI .看起来像这样:

mongodb://<dbuser>:<dbpassword>@<dbpath>/<dbname>
Run Code Online (Sandbox Code Playgroud)

有和没有?&authMode=scram-sha1&rm.tcpNoDelay=true,但仍然有错误.

任何想法发生了什么以及如何解决这个问题?

__编辑:我尝试了几个不同的版本而没有运气.最新的是:

"loopback": "^2.22.0",
"loopback-boot": "^2.6.5",
"loopback-component-explorer": …
Run Code Online (Sandbox Code Playgroud)

mongodb node.js mlab loopbackjs

7
推荐指数
1
解决办法
325
查看次数

Draft JS 从 HTML 中识别 img

我正在使用 Facebookdraft-js来创建所见即所得。我正在尝试使用本机 .html 将 HTML 转换为 editorState convertFromHtml。但它无法识别img标签。

import draftJs from 'draft-js'
const blocksFromHTML = convertFromHTML("<img src='some/img.png' />", draftJs.getSafeBodyFromHTML, draftJs.DefaultDraftBlockRenderMap);
const contentState = draftJs.ContentState.createFromBlockArray(blocksFromHTML);
editorState = draftJs.EditorState.createWithContent(contentState);
Run Code Online (Sandbox Code Playgroud)

这样做会完全删除图像。有任何想法吗?

javascript reactjs draftjs

7
推荐指数
1
解决办法
1286
查看次数

使用 NextJS,如何使用 tailwind css 导入 CSS?

刚刚开始在Next.js项目中使用tailwindcss

我通过 CSS 文件进行设置,并尝试为 headers 设置一些基础知识h1h2...但我喜欢稍微分离逻辑,这样它就不会变得太混乱,所以我尝试“@import”。/ typography.css' 其中包含一些顺风,但它不起作用。

这是我的基本 CSS 文件:

@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind variants;

@import './typography.css';
Run Code Online (Sandbox Code Playgroud)

我的排版:

h1 {
    @apply text-6xl font-normal leading-normal mt-0 mb-2;
}
...
Run Code Online (Sandbox Code Playgroud)

关于如何让它发挥作用有什么想法吗?

更新

我试过了:

  • 添加@layer base到我的typography.css 文件中,但收到错误:Syntax error: /typography.css "@layer base" is used but no matching @tailwind base
  • 还尝试在导入层执行此操作,例如@layer base { @import("typography.css") },这不会产生错误,但不会应用样式。

tailwind-css

7
推荐指数
1
解决办法
1万
查看次数