如何在JSON中使用换行符

时间:2017-07-10 20:17:04

标签: javascript html css json

我的网站上的文字显示在.json文件中,我希望该行显示为:

电话:123-456-7890

当地:012-35-6789

相反,我得到了:

电话:123-456-7890 当地:012-35-6789

我的代码:

footer{
   "call_us": "Phone: {phone_number} \n Local: 012-345-6789"
}

除了我应该使用的还有什么吗?

编辑:

我正在调用使用以下代码显示的JSON文本。我相信这是使用Handlebars

{{#if settings.phone_number}}
                <strong>{{lang 'footer.call_us' phone_number=settings.phone_number}}</strong>
            {{/if}}

完整代码:

<article class="footer-info-col footer-info-col--small" data-section-type="storeInfo">
            <h5 class="footer-info-heading">{{lang 'footer.info'}}</h5>
            <address>{{nl2br settings.address}}</address>
            <script> var footer={
                "call_us": "Phone: {phone_number} \n Local: 012-345-6789"
            }
            for (var key in footer) {
                if (footer.hasOwnProperty(key)) {
                    console.log(footer[key]);
                }
            }</script>
            <!--{{#if settings.phone_number}}
                <strong>{{lang 'footer.call_us' phone_number=settings.phone_number}}</strong>-->
            {{/if}}
        </article>

5 个答案:

答案 0 :(得分:6)

<强> \ r

就这么简单。我一直试图用毛巾来制作一个使用窗饰的乳齿象机器人。

如果您使用\ r \ n,您将获得回车。

答案 1 :(得分:0)

如果您使用PHP输出call_us,可以使用PHP的nl2br()函数:http://php.net/manual/de/function.nl2br.php

如果您使用JS输出它,则可以使用yourvar.replace("\n", "<br />")

否则在您的JSON中使用<br />而不是\n

答案 2 :(得分:0)

您应该将\n转换为HTML中断:<br>。 您可以使用String替换方法执行此操作。

答案 3 :(得分:0)

&#13;
&#13;
var footer={
   "call_us": "Phone: {phone_number} \n Local: 012-345-6789"
}
for (var key in footer) {
  if (footer.hasOwnProperty(key)) {
    console.log(footer[key]);

  }
}
&#13;
&#13;
&#13;

答案 4 :(得分:0)

我通过将JSON行分成两个单独的行来解决了这个问题,并且在HTML文件中添加了第二个调用,并在两者之间添加了Description: Upload an object to an S3 bucket, triggering a Lambda event, returning the object key as a Stack Output. Parameters: Key: Description: S3 Object key Type: String Default: test Body: Description: S3 Object body content Type: String Default: TEST CONTENT BucketName: Description: S3 Bucket name (must already exist) Type: String Resources: BucketConfiguration: Type: Custom::S3BucketConfiguration DependsOn: - BucketPermission - NotificationBucketPolicy Properties: ServiceToken: !GetAtt S3BucketConfiguration.Arn Bucket: !Ref BucketName NotificationConfiguration: LambdaFunctionConfigurations: - Events: ['s3:ObjectCreated:*'] LambdaFunctionArn: !GetAtt BucketWatcher.Arn S3BucketConfiguration: Type: AWS::Lambda::Function Properties: Description: S3 Object Custom Resource Handler: index.handler Role: !GetAtt LambdaExecutionRole.Arn Code: ZipFile: !Sub | var response = require('cfn-response'); var AWS = require('aws-sdk'); var s3 = new AWS.S3(); exports.handler = function(event, context) { var respond = (e) => response.send(event, context, e ? response.FAILED : response.SUCCESS, e ? e : {}); process.on('uncaughtException', e=>failed(e)); var params = event.ResourceProperties; delete params.ServiceToken; if (event.RequestType === 'Delete') { params.NotificationConfiguration = {}; s3.putBucketNotificationConfiguration(params).promise() .then((data)=>respond()) .catch((e)=>respond()); } else { s3.putBucketNotificationConfiguration(params).promise() .then((data)=>respond()) .catch((e)=>respond(e)); } }; Timeout: 30 Runtime: nodejs4.3 BucketPermission: Type: AWS::Lambda::Permission Properties: Action: 'lambda:InvokeFunction' FunctionName: !Ref BucketWatcher Principal: s3.amazonaws.com SourceAccount: !Ref "AWS::AccountId" SourceArn: !Sub "arn:aws:s3:::${BucketName}" BucketWatcher: Type: AWS::Lambda::Function Properties: Description: Sends a Wait Condition signal to Handle when invoked Handler: index.handler Role: !GetAtt LambdaExecutionRole.Arn Code: ZipFile: !Sub | exports.handler = function(event, context) { console.log("Request received:\n", JSON.stringify(event)); var responseBody = JSON.stringify({ "Status" : "SUCCESS", "UniqueId" : "Key", "Data" : event.Records[0].s3.object.key, "Reason" : "" }); var https = require("https"); var url = require("url"); var parsedUrl = url.parse('${Handle}'); var options = { hostname: parsedUrl.hostname, port: 443, path: parsedUrl.path, method: "PUT", headers: { "content-type": "", "content-length": responseBody.length } }; var request = https.request(options, function(response) { console.log("Status code: " + response.statusCode); console.log("Status message: " + response.statusMessage); context.done(); }); request.on("error", function(error) { console.log("send(..) failed executing https.request(..): " + error); context.done(); }); request.write(responseBody); request.end(); }; Timeout: 30 Runtime: nodejs4.3 Handle: Type: AWS::CloudFormation::WaitConditionHandle Wait: Type: AWS::CloudFormation::WaitCondition Properties: Handle: !Ref Handle Timeout: 300 S3Object: Type: Custom::S3Object DependsOn: BucketConfiguration Properties: ServiceToken: !GetAtt S3ObjectFunction.Arn Bucket: !Ref BucketName Key: !Ref Key Body: !Ref Body S3ObjectFunction: Type: AWS::Lambda::Function Properties: Description: S3 Object Custom Resource Handler: index.handler Role: !GetAtt LambdaExecutionRole.Arn Code: ZipFile: !Sub | var response = require('cfn-response'); var AWS = require('aws-sdk'); var s3 = new AWS.S3(); exports.handler = function(event, context) { var respond = (e) => response.send(event, context, e ? response.FAILED : response.SUCCESS, e ? e : {}); var params = event.ResourceProperties; delete params.ServiceToken; if (event.RequestType == 'Create' || event.RequestType == 'Update') { s3.putObject(params).promise() .then((data)=>respond()) .catch((e)=>respond(e)); } else if (event.RequestType == 'Delete') { delete params.Body; s3.deleteObject(params).promise() .then((data)=>respond()) .catch((e)=>respond(e)); } else { respond({Error: 'Invalid request type'}); } }; Timeout: 30 Runtime: nodejs4.3 LambdaExecutionRole: Type: AWS::IAM::Role Properties: AssumeRolePolicyDocument: Version: '2012-10-17' Statement: - Effect: Allow Principal: {Service: [lambda.amazonaws.com]} Action: ['sts:AssumeRole'] Path: / ManagedPolicyArns: - "arn:aws:iam::aws:policy/service-role/AWSLambdaBasicExecutionRole" Policies: - PolicyName: S3Policy PolicyDocument: Version: '2012-10-17' Statement: - Effect: Allow Action: - 's3:PutObject' - 'S3:DeleteObject' Resource: !Sub "arn:aws:s3:::${BucketName}/${Key}" NotificationBucketPolicy: Type: AWS::S3::BucketPolicy Properties: Bucket: !Ref BucketName PolicyDocument: Statement: - Effect: "Allow" Action: - 's3:PutBucketNotification' Resource: !Sub "arn:aws:s3:::${BucketName}" Principal: AWS: !GetAtt LambdaExecutionRole.Arn Outputs: Result: Value: !GetAtt Wait.Data 。我仍然想知道是否有一个简单的命令可以在JSON中执行此操作,例如<br><br>,但这些都不适用于我。

JSON:

\n

HTML:

    "footer": {
    "call_us": "Phone: {phone_number}",
    "localc": "Local: 012-345-6789"
}